IE6-文本被无故隐藏?

好吧,最简单的方法是从详细解释的页面进行复制粘贴:

HTML代码:

<!--********** Start of demo ***********-->

<div id="floatholder">

<div id="float">
<br />
<span>&nbsp;Float&nbsp;
<br /><br />
<a href="#">&nbsp;test link&nbsp;</a>
</span>
</div>

This is bare text. <a href="#">Test link</a>

<div style="border: 3px solid #f00; background: #dde;">This is text inside a div.
<a href="#">Test link</a></div>
This is bare text. <a href="#">Test link</a>
<div style="border: 3px solid #0c0; background: #dde;">This is text inside a div.
<a href="#">Test link</a></div>
This is bare text. <a href="#">Test link</a>
<div style="border: 3px solid #00f; background: #dde;">This is text inside a div.
<a href="#">Test link</a></div>
This is bare text. <a href="#">Test link</a>

<div id="clear">Clearing div</div>  <!--******* Note: a cleared <br> will not prevent bug *******-->

<div style="border: 3px solid #00f; background: #dde;">This div is after the cleared div. (purple box) If cleared div
does not touch float, bug is not triggered. <a href="#">Test link</a></div>
</div>

<!--********** End of demo ***********-->

这是 screenshoot from IE6

修复:

修复:

最后,这个bug会被触发 即使div#float在前面 div#floatholder,前提是 外部浮子实际上接触到

防止这个bug。

1. div#floatholder的背景。不 非常理想。
2. 同时给出div#floatholder和div#float的“位置:相对”。是 一定要充分测试这种方法。
3. 给div#floatholder hasLayout (现在是首选方法)

向IE6提供hasLayout修复程序 Zoom Fix page .

多亏了 Simon Willison 及时截图。

http://www.positioniseverything.net/explorer/peekaboo.html

尽管如此,我必须承认,当我设定了这三个步骤时,它对我来说是有效的。在前两个之后,它不起作用,但在我将display:inline添加到浮动div之后,它起作用了。

你能在这里发布(最简单的例子)代码吗?这样我们就可以在你的服务器副本消失后很长时间内引用它(…就像现在一样)?否则,这个问题将无法作为参考或学习工具。