親divの子供div、浮動小数点：

Question

私のコードを見てください：http://jsfiddle.net/XptrZ/ 赤の中の青のdivはなぜ、なぜ赤の高さ= 0であるのか？ どうすればこの問題を解決できますか？ おかげ

Answer 1

は親

.parent { 
 
    background-color: gold; 
 
    border: 1px solid gold; 
 
    position: relative; 
 
    overflow: hidden 
 
} 
 

 
.child { 
 
    float: left; 
 
    width: 100px; 
 
    height: 100px; 
 
    display: block; 
 
    margin: 10px; 
 
    background-color: pink; 
 
    border: 1px solid #999; 
 
}

<div class="parent"> 
 
    <div class="child">div1</div> 
 
    <div class="child">div2</div> 
 
    <div class="child">div3</div>  
 
</div>

Answer 2

にoverflow: hiddenを追加表示を追加します。テーブルと、親の中にそれはうまくいくでしょう。

Answer 3

この形式での親のdivに1つの余分空のdivを追加します。

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