Answers:
这是一些示例代码。我认为这就是您想要的。在Firefox 3(mac)和IE7中,以下显示完全相同。
#absdiv {
position: absolute;
left: 100px;
top: 100px;
width: 80%;
height: 60%;
background: #999;
}
#pctchild {
width: 60%;
height: 40%;
background: #CCC;
}
#reldiv {
position: relative;
left: 20px;
top: 20px;
height: 25px;
width: 40%;
background: red;
}
<div id="absdiv">
<div id="reldiv"></div>
<div id="pctchild"></div>
</div>
为什么绝对宽度的子级百分比子项在IE7中不处于绝对位置?
因为它是Internet Explorer
我在这里想念什么吗?
就是说,要提高您的同事/客户对IE糟糕的认识。
除了基于像素的孩子宽度之外,还有其他简单的解决方法吗?
使用em
单位,因为它们在创建液体布局时会更有用,因为您可以将它们用于填充和边距以及字体大小。因此,如果调整其大小,则空白区域将与文本成比例地增长和缩小(这确实是您所需要的)。我认为百分比不能比ems更好地控制;您可以使用百分之百的ems(0.01 em)进行指定,浏览器会根据需要进行解释。
CSS规范中是否有涵盖此方面的内容?
没有,据我所记得em
,CSS和1.0仅用于字体大小。
在div
需要具有限定的宽度:
<div id="parent" style="width:230px;">
<div id="child1"></div>
<div id="child2"></div>
</div>