css - css 偶数列长度

Question

可能重复：
CSS 2 列布局：列高

我正在尝试创建 2 个长度均匀的列。我让它工作到一个扩展，但想知道如何将外部 div 的大小限制为内部内容。这样，外部 div 的重新大小取决于任一列所需的长度来显示其中的所有内容。

现在我的代码增加了很多额外的高度。

提前致谢！

这是我的代码的jsfiddle：

http://jsfiddle.net/Bk77A/

Answer 1

我不会重复你所有的代码，但基本上你需要一个clearfix，然后设置容器高度：auto; 位置：相对。另外，为什么你的主要内容有太多的填充和负边距？摆脱它。

<div id="wrapper">
    <div.... innner divisions that are floated>
    </div... end of all inner divs>
    <div class="clearfix></div> (clearing our floats)
</div> (closing our wrapper)

css:

#wrapper {
    height:auto;
    position:relative;
    additional styling
}
.clearfix {
    clear:both;
}

Answer 2

padding-bottom: 9999px为你的两个专栏摆脱这个