为什么不是percentage width子函数 在绝对定位的父工作 在IE7吗?

因为它是ie浏览器。

我是不是漏了什么?

也就是说，提高你的同事/客户对IE不好的认识。

除了基于像素的宽度外，是否有一个简单的解决方案?

使用em单位，因为它们在创建液体布局时更有用，因为你可以使用它们来填充和空白以及字体大小。因此，如果你调整了文本的大小(这是你真正需要的)，你的空白空间会根据文本的大小成比例地增长和缩小。我不认为百分比能比ems提供更好的控制;没有什么可以阻止您指定百分之一的ems (0.01 em)，浏览器将按照它认为合适的方式进行解释。

CSS规范中是否有这方面的内容?

没有，据我所知，em's和%'s在CSS 1.0时仅用于字体大小。

下面是一个示例代码。我觉得这就是你要找的东西。下面的代码在Firefox 3 (mac)和IE7中显示完全相同。

# absdiv { 位置:绝对的; 左:100 px; 前:100像素; 宽度:80%; 高度:60%; 背景:# 999; ｝ # pctchild { 宽度:60%; 高度:40%; 背景:# CCC; ｝ # reldiv { 位置:相对; 左:20 px; 上图:20 px; 高度:25 px; 宽度:40%; 背景:红色; ｝ < div id = " absdiv " > < div id = " reldiv " > < / div > < div id = " pctchild " > < / div > < / div >

div需要有一个定义好的宽度:

<div id="parent" style="width:230px;">
    <div id="child1"></div>
    <div id="child2"></div>
</div>

为什么不是percentage width子函数 在绝对定位的父工作 在IE7吗?

因为它是ie浏览器。

我是不是漏了什么?

也就是说，提高你的同事/客户对IE不好的认识。

除了基于像素的宽度外，是否有一个简单的解决方案?

使用em单位，因为它们在创建液体布局时更有用，因为你可以使用它们来填充和空白以及字体大小。因此，如果你调整了文本的大小(这是你真正需要的)，你的空白空间会根据文本的大小成比例地增长和缩小。我不认为百分比能比ems提供更好的控制;没有什么可以阻止您指定百分之一的ems (0.01 em)，浏览器将按照它认为合适的方式进行解释。

CSS规范中是否有这方面的内容?

没有，据我所知，em's和%'s在CSS 1.0时仅用于字体大小。

我认为这与hasLayout属性在旧浏览器中实现的方式有关。

你有没有在IE8中试过你的代码，看看是否也能在那里工作? IE8有一个调试器(F12)，也可以在IE7模式下运行。

父div需要有一个已定义的宽度，以像素或百分比为单位。在Internet Explorer 7中，父div需要为子div的百分比正确工作定义宽度。