样式div呈现零高度

Question

几天前我遇到了一个非常讨厌的问题。我正在开发一个具有以下结构的网站：

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

（这些都是水平居中的div，彼此之间具有相同的固定宽度）

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

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

导致这种情况的原因是什么？

Answer 1

当div中的元素浮动时，这听起来像是 clearfix 问题。

  

浮动时会出现问题   元素在容器盒内，   该元素不会自动生成   强制容器的高度调整到   漂浮的元素。当一个元素   浮动，其父母不再   包含它，因为浮动是   从流程中移除。