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

【问题标题】：Floating elements container won't cover them completely浮动元素容器不会完全覆盖它们
【发布时间】：2011-05-11 14:50:37
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

这一定是 SO 上被问得最多的 CSS 问题 :)

【讨论】：

【解决方案2】：

实现这个结果主要有两种方式，你需要：

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

波纳福图纳

【讨论】：