浮動元素容器將不會完全覆蓋

Question

我有一個主容器，其中有浮動div。它在它們之前停止並且沒有達到它們的底部？什麼是解決這個問題的最好的跨瀏覽器方式？

（頁面中的問題是http://lauradifazio.altervista.org/cms/和主容器是一個紅色的div其中青色+橙一個下停止時，因爲一個不浮動）

Answer 1

主要有實現這一結果的兩種方式，你需要：

• 浮動離開主容器（這解決了您的問題，但更多的出現，因爲集中佈局打破了）
• 把一個空div的風格明確的：剛離開主容器的結束標記之前

由於這個概念是在CSS設計的基礎上，我強烈建議你看看這本書：Gianluca Troiani - CSS: guida completa它涵蓋了CSS佈局的所有方面和庫爾真的改變你的生活..它改變了我的！ :)

Buona fortuna

Answer 2

#container { overflow:hidden; zoom:1; } 

要清除使用hasLayout的浮子用於IE，爲其他的塊格式化上下文。

這一定是對SO :)

最問CSS問題