浏览器兼容性问题

1.不同浏览器的标签默认的内边距和外边距是不同的；

*{
    margin:0;
    padding:0;
    }

先将浏览器所有标签默认的内外边距设置为0；然后再去设置各个标签需要的内外边距。

2.块属性标签float后，又有横向的margin的情况下，在IE显示的比设置的margin大；

div{
    float:left;
    display:inline;
}

3.设置较小高度的容器（小于10px）时，在IE6下不识别小于10px的高度；
解决：给容器添加overflow：hidden；

4.在a标签嵌入img时，某些浏览器中img会有蓝色边框；

img{
    border:0;
    //或者
    border:none;
}

5.min-height在IE6下不兼容；

{
    min-height:100px;
    height:auto !important;
    height:100px;
    }

6.img默认有间隙；

img{
    float:left;
    //或者
    display:block;
    }

7.button大小默认不一样；
解决：使用a标签模拟button添加样式；

8.上下margin重叠问题；
解决：margin-top和margin-bottom只设置一个就可以了；左右也一样；

9.overflow：auto;和position:relative；

描述：此bug只出现在IE6和IE7中，有两个块级元素，父元素设置了overflow：auto;子元素设置了position:relative;且高度大于父元素，在IE6-7中子元素不会被隐藏而是溢出。

解决：给父元素也设置position:relative;