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

Question

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

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

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

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

Answer 1

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

http://jsfiddle.net/NE3r​​Z/4/

Answer 2

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

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

JSFIDDLE

在这里检查同样的内容 如何使 div 在内部浮动的同时增加高度

Answer 3

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