在蓝色论坛看到这样一篇帖子《IE中发现新BUG "重影"》，觉得很有意思。于是在想到底是什么缘由形成的呢？便做了以下测试：

实验代码如下:

1、在IE、FF中测试，只在IE出现文字溢出景象。

说明：注释形成文字溢出是IE的BUG。

2、去除<div style="float:left"></div> 中的“float:left;”，你会发现多出来的“猪”字不见了，页面正常显示。

同样去除 <div style="float:right;width:400px">中的“float:right;”，多余的“猪”字也同样消逝，页面正常显示。

说明：注释形成文字溢出与区块的浮动有关。

3、将注释转移到<div style="float:left"></div>前面，多余的“猪”字消逝，页面正常显示。

将注释转移到<div style="float:right;width:400px">↓这就是多出来的那只猪</div>下面，多余的“猪”字也同样消逝，页面正常显示。

说明：注释形成文字溢出与其位置有关。（可与第2点结合理解）

4、去除<div style="float:right;width:400px">中的“width:400px”，多余的“猪”字消逝，页面正常显示。