相対的な位置本部

Question

私はdiv要素を作成し、それを2つのdivを追加しました：

<div id="content"> 
<div id="a"></div> 
<div id="b"></div> 
</div> 

とスタイル：Firefoxので

#content { 
    width:100px; 
    height:100px; 
    background-color:blue; 
} 
#a, #b { 
    position:relative; 
    top:0px; 
    left:0px; 
    width:100px; 
    height:100px; 
    background-color:red; 
} 
#b { 
    top:-100px; 
    background-color:green; 
} 

私は1 100x100の緑色の "ボックス" を得たが、中にIEの場合、「コンテンツ」のdivは100px（200pxの高さ）より高く、緑の下に青の「ボックス」が表示されます。

"content" divを100pxに強制することはできますか？

Answer 1

#content { 
    width:100px; 
    height:100px; 
    background-color:blue; 
    overflow:hidden; 
} 

Answer 2

オーバーフローしてみてください。それはあなたの望ましい結果を与えるかどうかを確認するために#content divの上で自動：隠されたまたはオーバーフローを。 パディングを発行することもできます：0px;およびマージン：0px; div30の