CSS 3パネル液体のレイアウトの内容の間隔

Question

私は3パネルの液状のレイアウトで作業していますが、問題があることに気付きました。

float：leftのdivとclear：bothのdivの両方がある場合、クリアされたdivの下のdivはすべて右の列の高さまで押し下げられます。申し訳ございませんが、セクション1とセクション2の間に大きなスペースがあります。

ここにコードが表示されます。 http://jsfiddle.net/QbSsb/

これまたは3パネル液体レイアウトにはトレーニングがありますか？事前に

おかげで、 スーザン

Answer 1

簡単な答えはちょうど彼らが明確に左、右と両方

を持っている理由だ clear: left;を使用する代わりに clear: both;であります

Answer 2

あなたの明確な分離機のための使用、このいずれかを

<div style="clear:inherit; padding:20px 0px;"></div>