IE6 float 异常 消失
IE6 浏览器对 float 属性的元素显示不太正常,经常遇到的情况是,打开页面,发现某个区域的内容是空的,什么都不显示,但鼠标移动到那个区域,或者附近的一些区域时,那个空的区域立刻显示出原有的内容。
另一个 case 可以称之为“鬼影”,现象是,某串文字,会在 2 个位置同时显示,如果有 hightlight 效果,那么任凭你把光标放到二者任意一个上面,另一串文字也会立刻高亮。
以前对这个问题很抓狂,也没有总结出一个很好的解决方法。
今天又碰到类似的问题,查了一下 Google,有人给出一个结论,当某个元素有 float 属性时,再给他添加 padding 或 margin 等属性,在 IE6 下可能会出现显示问题。
具体的解决方法我总结一下会发布到 Blog 上。
这篇文字算是一个 bug 记录吧。

详细请查阅ie下的layout
简单的加个zoom:1;解决