浏览器兼容的一些常见bug搜集

(1)ie的双外边距浮动bug，如下图所示

     表现：会使浮动元素的外边距加倍，左右外边距加倍

     环境：ie6或者更低版本 

     解决办法： 给浮动元素css添加属性 display:inline 由于是浮动，所以不影响显示

                                   

右边是ie6下效果，左边间距果然加倍，醉了

(2)三像素文本偏移bug：

表现：若文字挨着浮动元素，则会出现3像素的间距

环境：ie5,6

解决方法：(注意这要针对ie写特殊的hack，在其他浏览器下没有此现象)

1. * html p { height:1%; margin-left:0;}  
2. * html .myFloat { margin-right:-3px;}