css - 7行HTML中的IE6不可见文本，有解决办法吗？

Question

我花了很长时间才解决这个问题。我无法表达我所经历的挫败感，如果我这样做了，它就不适合任何网站。曾经。这是给我带来巨大痛苦的 HTML 代码：

<div style="padding: 5px; background: #EEE">
    This text is invisible. Remove either padding or background to see this.  
    <div>
        <div style="float: left;">left</div>
        <div style="clear: both;"></div>
    </div>
</div>

文本是不可见的，除非你突出显示它或在它上面拖动一个窗口，或者类似的东西。

如果您删除填充或删除背景，此问题将得到解决。

我怎样才能解决这个问题？

Answer 1

你被Peek-a-boo咬了。

从该链接，您的选择是：

1. 保持清除 div 不接触浮动，或避免在 div#floatholder 上使用背景。不完全理想。
2. 给 div#floatholder 和 div#float 'position: relative'。请务必全面测试此方法。
3. 给 div#floatholder hasLayout （现在首选方法）

Answer 2

看起来像经典的 hasLayout 问题。为最外层的 div 添加宽度或尝试此处描述的任何其他方法。