父DIV与浮动div作为孩子

Question

我有以下代码：

http://jsfiddle.net/3fT2M/

为什么两个浮动的div背景颜色不是#666666，即使它们位于container div下？

仅当我将container高度设置为auto时才有效。

如何使其与.container { height: auto; }一起使用？

谢谢，

Answer 1

http://jsfiddle.net/3fT2M/3/

因为元素在div中浮动。

这会使元素脱离文档的正常流程。

我添加了overflow: hidden;修正

Answer 2

现在你的div.container没有身高。所以你看不到background-color。

一个简单的解决方法是在最后一次关闭<br />之前添加</div>。

请参阅小提琴：http://jsfiddle.net/3fT2M/2/

Answer 3

这似乎也很简单.container div{background: inherit;}。