风格的div呈现零高度

Question

几天前我遇到了一个相当恼人的问题。我正在一个网站上的结构如下：

[标题]
[菜单条]
[特色的东西]
[内容]
[页脚]

（这些都是水平居中的div以相同的宽度依次排列）

稍后我将更改“contents”部分的内容。在“内容”div里面会有其他div，有时是固定的高度，有时不是。

现在，这里的问题是：任何时候我把另一个div放入没有声明高度的“内容”中，内部div用0px渲染。内部div是否具有声明高度的元素并不重要。它适用于宣布的高度，但我不能保证我会随时知道内容的高度。

这可能是什么原因造成的？

Answer 1

这听起来像是一个clearfix问题当div内的元素是浮动的。

的问题发生在一个浮动 元素是一个容器盒中， 该元素不会自动 力容器的高度调整到 浮动元素。当浮动元素 时，其父项不再包含 ，因为从流中除去了浮点数 。