gpt4 book ai didi

html - 如何填充 100% 绝对定位的 div? (IE7+)

转载 作者:太空狗 更新时间:2023-10-29 14:53:50 27 4
gpt4 key购买 nike

<分区>

Possible Duplicate:
CSS height 100% in IE7

我想在网页上有一个居中的 block ,该 block 由子 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,我将如何完成这项工作?

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com