html常见的兼容性问题

1、IE：IE的双边距bug：块级元素float后设置横向的margin，ie6显示的margin比较大。解决办法：display：inline

             z-index问题

             重点：双边距bug：在IE6下，如果对元素设置浮动，同时又设置了margin-left或margin-right，margin值会加倍

2、 IE5-IE8：不支持opacity，透明度

3、 IE6：不支持png透明背景色

               png24位的图片在ie6浏览器上出现背景

4、 谷歌：默认会将小于12px的文本设置按照12px显示

5、 浏览器：默认的padding，margin

6、 3像素问题，使用float引起的  使用display：inline解决