IE6中的常见BUG与相应的解决办法

IE6中的常见BUG与相应的解决办法

一、IE6双倍边距bug
例如“margin-left:10px” 在IE6中，该值就会被解析为20px。

解决方案：需要在该元素中加入display:inline 或 display:block 明确其元素类型

二、IE6中3像素问题及解决办法
当元素使用float浮动后，元素与相邻的元素（未使用float浮动）之间会产生3px的间隙。

解决方案：a.对另一个元素同时使用float; b.为已经浮动的div添加一条语句：margin-right:-3px;或margin-left:-3px;

三、IE6中图片链接的下方有间隙

IE6中图片的下方会存在一定的间隙，尤其在图片垂直挨着图片的时候，即可看到这样的间隙。

解决方案：需要将img标签定义为display:block 或定义vertical-align对应的属性。也可以设置父容器的字体大小为0，font-size:0

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

解决的方法如下:

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

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

3.在元素中插入html的空白符：&nbsp;

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