html - 为什么最小高度不起作用？

您好我的HTML代码的一部分是这样的

<div id="container">
<div id="content">
    <div></div>
    <div></div>
    <div></div>
</div>
</div>

在CSS我有

#content
{

    min-height:600px;
}

但是我期望id = content的这个div扩展高度，这是没有发生的。如何解决这个问题？

有关完整代码，您可以在此jsfiddle链接http://jsfiddle.net/eYMz3/中进行检查

最佳答案

您需要在overflow:hidden上设置#content

http://jsfiddle.net/eYMz3/3/

问题在于您要拉伸#content的元素是未清除的浮点数。这些不拉他们的父母。

如果您使用除overflow: visible以外的任何内容（默认行为），它将使用块格式化上下文，这将基本上清除浮点数。

w3 Documentation

您也可以在<div style="clear:both;"></div> div末尾之前添加#content以清除浮动。