股利風格不延伸到哪裏螢火蟲說DIV延伸到

它應該具有灰色背景延長頁腳一路下方。如果您在螢火蟲中查看它，它會顯示佈局div包含一些其他div。

所以我不明白爲什麼灰色背景不會一直延伸下去。有任何想法嗎？

謝謝！

2011-10-21 GeekedOut

在div#layout的末尾（結束標記之前）添加<div style="clear:both;"></div>。

clear:both必須添加，因爲浮動的內部DIV。另見：MDN: clear。

2011-10-21 15:51:40

只是試了一下。沒有做到這一點。 – GeekedOut

@GeekedOut ** BEFORE **結束標記。您已在*結束標記之後放置*。 –

我認爲一個溢出解決方案：隱藏（如果你沒有在#layout絕對元素）是好多了:)（你不要使用沒有內容的假div） – stecb

我相信與divs，在彼此之上的堆棧。所以你的背景div可能有一個灰色，當你打開下一個div時，可以這麼說，它把它放在彩色div的前面。您是否嘗試將bg顏色類應用於佈局div內的另一個div，以查看它是否是？

2011-10-21 15:48:47

我覺得這樣，但是當那些內部div被關閉時，背景應該回到灰色，但即使在頁面底部，bg仍然是白色的，這很奇怪。 – GeekedOut

你可以添加overflow:hidden到容器清除它（如果u有浮動兒童）

#layout{ 
    overflow:hidden; 
}

編輯：或者把clear:both元素作爲最後一個孩子作爲一個明確的定位。

2011-10-21 15:50:46 stecb

溢出：隱藏;做到了。 – GeekedOut

將overflow:hidden;添加到包含div。這將確保容器將環繞它的所有內容。

調試時有用的提示是在包含元素周圍放置明亮的邊框border:solid 1px lime;以查看它是如何環繞它的子內容的。

2011-10-21 16:22:00

回答