css甚至列长

Question

  

可能重复：
  CSS 2 Column layout: Column height

我正在尝试创建两个甚至长度的列。我让它工作到一定程度，但想知道如何将外部div的大小限制为内部内容。这样，外部div重新大小取决于所需的列长度，以显示其中的所有内容。

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

提前致谢！

这是我的代码的jsfiddle：

http://jsfiddle.net/Bk77A/

Answer 1

为您的两列删除padding-bottom: 9999px

Answer 2

我不会重复所有代码，但基本上你需要一个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;
}