常见的兼容问题

每个浏览器的margin、padding值不一样解决方案：

//一般不建议这样做
*{
        margin: 0;
        padding: 0;
    }
//规范写法
html,body,ul,li,ol,h1,h2,h3,h4,p,a,img,header,article,section,figure,figcaption,div{margin: 0;padding: 0;}

ie6中，父级元素浮动以后，内部元素内容撑不开宽度
解决：元素内部的块级元素也设置浮动
浮动后的元素在ie6下出现横向的双边距bug
解决：给元素添加display：inline；
图片布局的问题，在布局的时候有的浏览器会出现间距
解决：使用 float浮动

hack方法兼容

css hack:
\9 ie10之前的ie浏览器解析的代码
+或者* 表示ie7包括7之前的ie浏览器
_表示 ie6包括6之前的ie浏览器