Question

我知道这个问题已被多次询问，但我很难找到我的案例代码出了什么问题。

我有一个包装器div，其中包含许多其他div。其中一些div使用float: left;等并排。布局几乎与我想要的完全一样。但是由于某些原因，当包装器不是float: left;

时，包装器divs border不会一直延伸到页脚元素

然而，当我将float: left添加到包装器div时，边框确实像我想要的那样一直延伸： http://jsfiddle.net/C5kTh/

然而，问题是包装div不会自动居中。我该如何解决这个问题？

Answer 1

您想要研究clearfixing，它是一组强制容器包装它包含的任何浮动元素的css规则：

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

here是关于它们如何运作的详细解答。