浮动元素容器不会完全覆盖它们

Question

我有一个主容器，里面有浮动的div。它停在他们面前并且没有到达他们的底部？什么是最好的跨浏览器修复方法？

（有问题的页面是http://lauradifazio.altervista.org/cms/，主要容器是红色div，它在青色+橙色下停止，因为那个没有浮动）

Answer 1

实现此结果主要有两种方法，您需要：

• 浮动离开主容器（这解决了你的问题，但是出现了更多，因为居中的布局中断了）
• 将样式为clear的空div放置：在主容器的结束标记之前左侧

由于这个概念是css设计的基础，我强烈建议你看一下这本书：Gianluca Troiani - CSS: guida completa它涵盖了css布局的所有方面，而且真的改变了你的生活......它改变了我的！ ：）

Buona fortuna

Answer 2

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

要使用hasLayout for IE清除浮动，请阻止其他的格式化上下文。

这个问题必须是SO :)上最受欢迎的CSS问题。