html - 为什么 Internet Explorer 7 上绝对定位的父元素中的百分比宽度子元素的宽度会塌陷？

Question

我有一个绝对定位的 div，其中包含几个 child ，其中一个是相对定位的 div。当我在子 div 上使用 percentage-based width 时，它会在 IE7 上折叠为 0 width，但在 Firefox 或 Safari 上则不会。

如果我使用 pixel width，它可以工作。如果父级相对定位，则子级上的百分比宽度有效。

1. 我这里有什么遗漏吗？
2. 除了 child 的基于像素的宽度之外，还有什么简单的解决方法吗？
3. CSS 规范中是否有涵盖此内容的领域？

Answer 1

父 div 需要有一个定义的 width，以像素或百分比为单位。在 Internet Explorer 7 中，父 div 需要一个定义的 width 才能使子百分比 div 正常工作。