每个浏览器的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浏览器