Float容易引发的Bugs
- IE6 Text Indent Bug, IE6 Doubled Float-Margin Bug. 这两个bug的解决办法是
display: inline; - IE6 Expanding Box Problem. 连续英文字符(包括URL等)、过大的图片会导致浮动布局换行。解决办法是:
word-wrap: break-word; overflow: hidden;. (期待Firefox 3.1, 就不用overflow: hidden了) - IE6 Italics Bug, 解决办法有点麻烦,请阅读原文. 对IE6彻底服了-.-
- Clearance, 这篇文章抱怨了
float的不稳定,但给出的解决方案需要js支持,感觉过了。 - Quirky Percentages in IE6’s Visual Formatting Model
- The 1 Pixel Rounding Error Problem, IE7下有时也会出现。
- The IE6 Three Pixel Text-Jog
- The IE Escaping Floats Bug, 小方块越狱了-.-
IE相关的Bugs参考资料:The weird and wonderful world of Internet Explorer. 伟大的PIE, 赞国外的同行们。

November 4th, 2008 on 13:53
补充一下
在IE6下使用浮动可能会出现文字重复的情况.
http://www.iakira.com/2007/12/ie6-text-bug/
November 4th, 2008 on 14:47
有个不请之情:
http://www.loopo.cn/itemslist/200
左边的导航在 IE6 下滚动会出现闪动的情况,IE7、FF都是正常的。
一直没找出问题在哪,能否抽空麻烦帮忙看下,是不是也是 IE6 的某个 bug?谢谢。
November 4th, 2008 on 14:50
Firefox 3.1以上版本支持word-wrap: break-word了,我的Firefox 3.1b2pre 测试通过。
December 9th, 2009 on 10:59
我也被IE6的float margin-left这个bug困扰了很久……
leave a reply