CSS容器div高度没有提高
我希望我的容器div获得其子代高度的最大值。不知道孩子div的身高。我正在尝试使用JSFiddle。容器div为红色。没有出现。为什么？
问题答案：
添加以下属性：
.c{
...
overflow: hidden;
}
这将迫使容器尊重其中所有元素的高度，而不考虑浮动元素。
更新
最近，我正在一个需要此技巧但需要允许溢出显示的项目中工作，因此，您可以使用伪元素清除浮动，从而有效地实现相同的效果，同时允许所有元素上的溢出。
.c:after{
clear: both;
content: "";
display: block;
}
-
编辑* 我已经按照下面的建议将height添加到fill类中。但是，问题是，我添加了一个padding-top到身体，以说明固定的navbar在顶部。这会影响“map”div的100%高度，并意味着会添加滚动条--如下面所示:http://jsfidle.net/s3gvf/2/有人能告诉我如何修复吗？
-
问题内容： 我正在尝试制作一个带有圆角的框，其中div的高度和宽度取决于内容，因此它会自动调整为… 问题是我无法让“ test_mid_left”（黑色背景）和“ test_mid_right”（蓝绿色背景）继承“ test_mid_center”（绿色背景）的高度。我尝试了身高：100％和自动，但没有任何工作。那么，如何让他们从内容中继承高度？ （我在示例的左右两边使用“ min-height：
-
我希望graph div的高度能够一直延伸到其父（graph容器）容器的末端，但不能超过它。我已经尝试将图形的高度设置为100%和inherit，但这两种设置都会导致图形延伸到父容器的底部边缘（我不想使用overflow:hidden）。有没有办法在图形上设置height属性，使其自动将其高度设置为正确的值？ 当前代码：
-
问题内容： 使用twitter bootstrap（2），我有一个带有导航栏的简单页面，并且我想在其中添加100％高度的div（到屏幕底部）。我的css- fu生锈了，我无法解决。 简单的HTML： 当前的CSS： 编辑* 我将高度添加到填充类，如下所示。但是，问题是我在主体上添加了padding-top以解决顶部的固定导航栏。这会影响“地图” div的100％高度，并意味着添加了滚动条 问题答案
-
问题内容： 我有一个容器div，我想至少拉伸到整个窗口的高度。如果容器div中有很多内容，我希望它可以扩展到大于窗口的高度。这可行。 在容器div中，我有一个图像。图片下方/下方，我有第二个div。我希望此嵌套div垂直拉伸以填充容器div的剩余空间。这行不通。 我试图用这张图来说明问题。我希望div以右图 左侧 所示的方式拉伸，而不是像 右图 右侧所示。 以下是我的代码。如您所见，在这段代码中，
-
问题内容： 我有一个如下所示的div页面 样式 我想调整div的高度以填充（或拉伸到）整个div （标有绿色边框），并且不想越过页脚divD。我该如何解决？ 问题答案： 只需添加到造型。应该没有必要。