背景颜色不适用于包含浮动元素的div

Question

如果你能在这里看到http://jsfiddle.net/NE3rZ/3/

我已将容器的背景颜色设置为红色，但未显示。

.container {
    width: 100%;
    background: red;
}

请帮忙。如果容器包含2行而第二行未完全覆盖，我需要显示背景颜色。

Answer 1

浮动元素后你没有清楚。我建议在这种情况下使用overflow: hidden：

http://jsfiddle.net/NE3rZ/4/

Answer 2

您需要将overflow: auto添加到容器样式

.container {
    width: 100%;
    background: red;
    overflow: auto;
}

JSFIDDLE

在How to make a div grow in height while having floats inside

上查看相同内容

Answer 3

如果没有为父div定义明确（我的意思是不是百分比）宽度和高度，则会出现此问题。 您可以为父级height设置div属性，也可以为父级overflow:auto使用div属性，父级将根据其中的内容自动适应自己的高度！ ！（这是浮动孩子div的最佳解决方案）