2011-02-15 116 views
19

我有一個名爲main的父div。它有一堆兒童div,我向左或向右漂浮。當子div被漂浮時,父div失去自動高度

當我完成浮動最後一個時,主div的高度完全消失,拋棄了我的頁面佈局。我給它一個高度:100%;就目前而言,但在大多數分辨率上它會過高。我怎樣才能將它保持在一個流體高度,只有儘可能多地包含元素?

+0

你能顯示你的代碼嗎? – 2011-02-15 22:28:05

回答

33

包含您的浮標。

在div上叫做main add overflow:hidden;。這應該包含它。

+4

這裏有一個非常好的教程,關於使用溢出來處理這種情況:http://www.webdesignerwall.com/tutorials/css-clearing-floats-with-overflow/ – 2011-02-15 23:45:35

1

您是否使用相對定位爲您的浮動?

否則,您需要將假div放入「保持打開」父div。一旦所有東西都浮動起來,你將失去所有父母身高的基礎。 (沒有任何內容。)

0

插入「overflow:hidden;」進入母公司爲我工作。