如何填写100%绝对定位的div？(IE7 +)

Question

可能重复:
IE7中的CSS高度为100%

我想在一个网页上设置一个中心区块,该网页由一个儿童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;

我认为它会起作用.