6

重複の可能性:
IE7 での CSS の高さ 100%

子 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を使用せずにこれを達成するにはどうすればよいですか?

4

3 に答える 3

5

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

私はそれがうまくいくと思います。

于 2012-11-13T19:55:51.250 に答える
3

子を与えて、、、、をにposition: absolute設定する必要があります。leftrighttopbottom0

実際の動作をご覧ください。

于 2012-11-13T19:55:42.003 に答える
1

IE7を適切に動作させるには、親DIVにハードコードされた幅を設定する必要があります。センタリングは「margin-left：auto;」で実行できます。「マージン右：自動;」css。

于 2012-11-13T19:55:12.287 に答える