万恶的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是要换行的.再加上都是浮动元素,就出现重影了,这问题搞了我好长时间..............

你可能感兴趣的:(IE)