我有一个简单的 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%,因为我希望它的大小正好适合其中的文本。有帮助吗?
最佳答案
将overflow: hidden;
添加到绝对div。
关于css - 高度 : 100% inside another div with unknown height in IE6,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3593067/