获取CSS背景以涵盖众多div

Question

目前，我有两个div标签设置为“float：left;”我想为两者应用背景颜色，但每种颜色的大小可能因内容而异。 我尝试添加一个额外的div，只是应用背景颜色，但没有高度？ 这是我的测试页面：http://joshblease.co.uk/wp-content/themes/rounded/test.php

谢谢，Josh。

Answer 1

哦，我明白了。你希望背景是一个围绕浮动div的极端的框？

默认情况下，父div不会展开以包含浮动子项。有一些解决方法：

• 将父div设置为overflow: hidden或overflow: auto。
• 在父级（#back）之后添加一个空元素，并将其设置为clear: both。
• 使用css自动执行上述操作：

#back:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

任何一个都适合你。

Answer 2

以下方法避免了overflow方法在某些情况下可能出现的一些问题。此CSS根据我对您的测试页标记的理解使用您的div ID。

#back {
    *zoom: 1;
}
#back:after {
    content: "";
    display: table;
    clear: both;
}

如果您希望搜索和阅读更多内容，则称为清除浮动或“clearfix”。