CSS在IE6浏览器中的bug及解决办法收集

1、双倍边距bug

  bug出现的状况： 

    满足下面3个条件才会出现这个BUG:

    1）要为块状元素；
    2）要左侧浮动；
    3）要有左外边距(margin-left)； 

  解决办法：

    只需要在相应的块状元素的CSS树形中加入“display:inline;”，代码如下：

#redBlock{
width:200px;
height:200px;
background:#900;
margin-top:20px;
margin-left:20px;
float:left;
display:inline;
}

   2、将内联元素转换为块元素时出现bug

 

       在内联元素样式表中，应有float:left 或right 消除此现象

        #Nav ul li a{
display:block;/*转化成块状元素，因链接是内链元素，若想给它定义下面的属性，必须将它转化成块状元素，*/
height:42px;
color:#FFF;
padding:0 10px;
line-height:42px;
font-size:14px;
font-weight:bold;
font-family:Arial;
text-decoration:none;/*去除链接样式，默认是有下划线的，加上这句就没有任何样式，下划线也没有了*/
float:left;/*这句一定要加，不然在IE6中会出现*/
}