css - 高度 : 100% inside another div with unknown height in IE6

Question

我有一个简单的 HTML 布局:

<div style="position:relative; width:200px">
   <div style="position:absolute; top:0; left:0; background-color:red; z-index:-1; width:100%; height: 100%"></div>
   Some text goes here....
</div>

除 IE6 外，所有浏览器都可以正常工作。随着文本的添加，顶部 div 被拉伸(stretch)，绝对位置 div 也被拉伸(stretch)。但在 IE6 中，绝对位置 div 将始终保持只有 1 行的高度。我知道 IE6 不能动态重新计算尺寸，因此如果你想在页面上的任何地方使用 height: 100% ，你必须在 body 标签上设置 height: 100% ，但在这种情况下，我可以' t 在外部 div 上设置高度:100%，因为我希望它的大小正好适合其中的文本。有帮助吗？

Answer 1

将overflow: hidden;添加到绝对div。