Question

我在网站上阅读了许多关于包含Floats问题的文章。

还有许多指南（如this）解释了如何解决此问题。我想知道的是：这个简单的代码怎么样？

.maindiv{width:980px; margin:0 auto;}

我试过很多浏览器，看起来它总是有效。那么这个问题是什么？我也尝试（例如）：

.maindiv{width:980px; margin:0 auto; background-color:#000099;}

并且看起来，虽然主容器有背景颜色，但div（浮动）内部没有任何问题。

我只是好奇：）

Answer 1

这段孤立的代码没有问题，但如果你试图给它一个背景然后插入一些漂浮的孩子，它会给你带来问题。

Answer 2

.maindiv{width:980px; margin:0 auto;}完成了一些不同的事情。具有显式宽度声明和auto左右边距的元素会导致div居中。

绝对不能解决包含浮动问题。