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被拉伸，绝对位置div也被拉伸。但在IE6中，绝对位置div总是只保持1行高。我知道IE6无法动态重新计算大小，因此你必须在body标签上设置高度：100％如果你想使用高度：100％在页面的任何地方，但在这种情况下，我可以' t设置高度：外部div上的100％，因为我希望它只是内部文本的正确大小。有什么帮助吗？

Answer 1

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

Answer 2

这是IE6中的已知错误，但对于我的生活，我无法回想起解决方案。我会查一查，但是，在我的脑海中，尝试添加'line-height：1'或某个值，看看它是否修复了它。

Answer 3

经过大量的测试和调查，我得出一个结论，除了JavaScripts之外，除了JavaScripts之外，没有办法解决这个问题。所以我不得不改变一下结构。最终结果如下所示：

<div style="position:relative; width:200px; background-color:red;">
   <div style="margin: -10px -20px">Some text goes here....</div>
</div>

这样内部div的内容将设置内部div的高度和负边距，将确保外部div的高度始终大20px，宽度大于内容div的40px。我知道答案在查看问题时没有意义，但它的工作方式也完全符合我的需要，因为它允许我在背景（外部div）上创建多个带图像的div，然后用负面调整内容div边距，因此它占用与所有背景div相同的空间量。

高度：在IE6中另一个高度未知的div内100％

3 个答案: