浮動小数点型の浮動小数点型の浮動小数点型（浮動小数点型）の対応方法を教えてください。子要素を側面に突出させる方法

Question

3つの浮動小数点数を含むdivに基づいて3列のレイアウトを設計しています。

問題は、コンテナdivが列の高さと一致しないためです。まるで内容が全くないかのように振る舞い、従って3列は垂直に突き出ている。

これを修正するために、私はオーバーフローを試みました：隠され、それはトリックでしたが、私のデザインには左に突き出たdivがありました。

高さの問題を解決する良い方法はありますか？ありがとう。

Answer 1

clearfixクラスを使用します - 仕事をするべきである。

.clearfix:before, 
.clearfix:after { 
    content: " "; 
    display: table; 
} 
.clearfix:after { 
    clear: both; 
} 
.clearfix { 
    *zoom: 1; 
} 

チェックhttp://jsfiddle.net/YyMjJ/1/

Answer 2

あなたは通常、コンテナの高さが右結局<div style="clear:both;"></div>に投げることによってその子の終わりまで作ることができますあなたの子供たち..このように。

<div id="container"> 
    <div class="child0"></div> 
    <div class="child1"></div> 
    <div class="child2"></div> 

    <div style="clear:both;"></div> 
</div> 

ハッキングされているかどうかわかりません。私は時々それを使用します。また、divを使用していない人もいますが、<hr>というスタイルを適用しています。私はあなたがクリアdiv要素を使用することができ、正しく質問を理解してきたと仮定すると、

Answer 3

：

<div id="dre"> 
     <div class="float" style="height:100px"></div> 
     <div class="float" style="height:200px"></div> 
     <div class="float" style="height:30px"></div> 
     <div id="clear"></div> 
    </div> 

は、ここでそれを参照してください - http://jsfiddle.net/C7FCC/