6

可能重复：
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，我将如何做到这一点？

4

3 回答 3

5

考虑position:absolute也用于儿童。然后就用top:0px; bottom:0px; right:0px; left:0px;

我认为它会起作用。

于 2012-11-13T19:55:51.250 回答
3

您需要给孩子position: absolute并设置left, right, top, bottomto 0。

看到它在行动。

于 2012-11-13T19:55:42.003 回答
1

您可能必须为父 DIV 设置硬编码宽度才能使 IE7 表现良好。居中可以通过“margin-left: auto;”来完成 “右边距：自动；” css。

于 2012-11-13T19:55:12.287 回答