CSS容器div没有得到高度

Question

我希望我的容器 div 获得其子项高度的最大值。不知道子 div 的高度是多少。我正在尝试 JSFiddle .容器 div 为红色。这没有出现。为什么？

Answer 1

添加以下属性:

.c{
    ...
    overflow: hidden;
}

这将强制容器尊重其中所有元素的高度，无论 float 元素如何。
http://jsfiddle.net/gtdfY/3/

更新

最近在做一个需要这个技巧的元素，但是需要允许溢出显示，所以你可以使用伪元素来清除你的 float ，有效地实现同样的效果，同时允许所有元素溢出.

.c:after{
    clear: both;
    content: "";
    display: block;
}

http://jsfiddle.net/gtdfY/368/