万恶的IE之鬼影重重

不少人都知道IE6有个重影的BUG,当一个DIV里有两个DIV是float,第二个DIV与父DIV的宽度差小于3px,且第二个DIV上面有注释的时候会出现重影.

昨天我就遇到了很郁闷的重影,但是并不是如上所说的情况,我这既没注释,浮动DIV的宽度也没超过父DIV.是各自一行左浮动的.

如:

<div>
<div style="float:left">aaa</div>
<div style="float:left">bbb</div>
<div style="float:left">ccc</div>
</div>

当然只有这样是不会重影的.我的实际代码是:

<div>
<div style="float:left">aaa</div>
<div style="float:left;display:none;">bbb</div>
<div style="float:left">ccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</div>
</div>

假设ccccc的DIV是要换行的,那就会出现重影了...

关键就在于bbb是display=none,而且ccccc是要换行的.再加上都是浮动元素,就出现重影了,这问题搞了我好长时间..............