風格的div呈現零高度

Question

幾天前我遇到了一個相當惱人的問題。我正在一個網站上的結構如下：

[標題]
[菜單條]
[特色的東西]
[內容]
[頁腳]

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

稍後我將更改「contents」部分的內容。在「內容」div裏面會有其他div，有時是固定的高度，有時不是。

現在，這裏的問題是：任何時候我把另一個div放入沒有聲明高度的「內容」中，內部div用0px渲染。內部div是否具有聲明高度的元素並不重要。它適用於宣佈的高度，但我不能保證我會隨時知道內容的高度。

這可能是什麼原因造成的？

Answer 1

這聽起來像是一個clearfix問題當div內的元素是浮動的。

的問題發生在一個浮動 元素是一個容器盒中， 該元素不會自動 力容器的高度調整到 浮動元素。當浮動元素 時，其父項不再包含 ，因爲從流中除去了浮點數 。