如何填写100％绝对定位的div？ （IE7 +）

Question

  

可能重复：
  CSS height 100% in IE7

我想在一个网页上设置一个中心区块，该区域由一个子级div填充到100％。

这是我的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

您需要向孩子position: absolute提供并将left，right，top，bottom设置为0。

<强> See it in action

Answer 3

您可能必须为父DIV设置硬编码宽度，以使IE7表现良好。可以使用“margin-left：auto;”来完成居中“保证金权利：自动;” CSS。