ie部分常见兼容

1、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距） 

解决方法：display:inline 

2.元素副边距 IE6兼容

解决方法：positon:relative

3.ie6 ie7不支持BFC支持haslayout

解决方法：zoom:1

4.ie6,ie7高度不小于10px

解决方法：overflow:hidden

5.图片图片换行的空格

font-size:0/<--!   注释跨行-->

6.ie不支持display：inline-block

解决方法：*display:inline *zoom:1

7.文字负边距

*zoom:1; *position:relative

8.hover ie除了a标签无效

解决方法：元素外面套a标签

9.input框背景图片，输入文字过长，图片会消失

*background-attachment:fixed

10.ie浮动元素和父级间距

解决方案：浮动元素放前面

11.a标签在ie兼容 造成显示内容比实际多

解决方法：_margin-left:-3px/设置背景

12：如果一个元素中没有任何内容，当在样式中为这个元素设置了0-19px之间的高度时。此元素的高度始终为19px。

解决方法：

1.在元素的css中加入：overflow:hidden

2.在元素中插入html注释：<!– >

3.在元素的css中加入：font-size:0