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 接触 float ，或避免在 div#floatholder 上使用背景。不太理想。
2. 同时提供 div#floatholder 和 div#float 'position: relative'。请务必全面测试此方法。
3. 给 div#floatholder hasLayout(现在是首选方法)