转：Float容易引发的Bugs

转自：http://lifesinger.org/blog/?p=678

 

1. IE6 Text Indent Bug, IE6 Doubled Float-Margin Bug. 这两个bug的解决办法是display: inline;
2. IE6 Expanding Box Problem. 连续英文字符（包括URL等）、过大的图片会导致浮动布局换行。解决办法是：word-wrap: break-word; overflow: hidden;. （期待Firefox 3.1, 就不用overflow: hidden了）
3. IE6 Italics Bug, 解决办法有点麻烦，请阅读原文. 对IE6彻底服了-.-
4. Clearance, 这篇文章抱怨了float的不稳定，但给出的解决方案需要js支持，感觉过了。
5. Quirky Percentages in IE6’s Visual Formatting Model
6. The 1 Pixel Rounding Error Problem, IE7下有时也会出现。
7. The IE6 Three Pixel Text-Jog
8. The IE Escaping Floats Bug, 小方块越狱了-.-

IE相关的Bugs参考资料：The weird and wonderful world of Internet Explorer. 伟大的PIE, 赞国外的同行们。