css - css偶数列の長さ

Question

重複の可能性：
CSS 2列レイアウト：列の高さ

長さが均等な2つの列を作成しようとしています。ある程度は機能するようになりましたが、外側のdivのサイズを内側のコンテンツに制限する方法を知りたいです。このように、外側のdivのサイズ変更は、すべてのコンテンツを表示するために必要な長さのいずれかの列に依存します。

今のところ、私のコードは多くの余分な高さを追加します。

前もって感謝します！

これが私のコードのjsfiddleです：

http://jsfiddle.net/Bk77A/

Answer 1

padding-bottom: 9999px両方の列でこれを取り除きます

Answer 2

すべてのコードを繰り返すことはしませんが、基本的にはclearfixが必要です。次に、コンテナーの高さを設定します。位置：相対。また、なぜメインコンテンツに非常に多くのパディングとネガティブマージンがあるのですか？それを取り除きます。

<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;
}