絶対配置されたdivの100％をどのように埋めるのですか？ （IE7 +）

Question

可能性の重複：
CSS height 100% in IE7

私は子供のdivで100％まで満たされていますWebページを中心としたブロックを持っているしたいと思います。ここで

は私のHTMLコードです：ここで

<div id="parent"> 
    <div id="child"></div> 
</div> 

は私のCSSです：

#parent { 
    position: absolute; 
    background-color: blue; 
    top: 2em; 
    left: 4em; 
    bottom: 3em; 
    right: 2em; 
} 

#child { 
    position: relative; 
    background-color: red; 
    height: 100%; 
} 

そして、ここではJSfiddleです： http://jsfiddle.net/XMS2G/1/

問題は、Internet Explorer 7のことですブラウザは子divを親div全体に展開しません。 Javascriptを使用せずにどのようにこれを達成できますか？

Answer 1

子供にも同様にposition:absoluteを使用することを検討してください。そして、ちょうど使用するtop:0px; bottom:0px; right:0px; left:0px;

私はそれが動作すると思います。

Answer 2

親DIVにハードコードされた幅を設定して、IE7がうまく動作するようにする必要があります。 centeringは "margin-left：auto;"で行うことができます。 "margin-right：auto;" CSS。

Answer 3

あなたは子供 position: absoluteを与え、 leftを設定する必要が

、right、top、0からbottom。

See it in action。