浏览器兼容性问题：

1.不同浏览器的标签默认的margin和padding不同
解决：清除默认样式 body,h1,h2,h3,ul,li,input,div,span,a,form …… { margin:0; padding:0; }
2.当标签的高度设置小于10px，在IE6、IE7中会超出自己设置的高度
解决方案：超出高度的标签设置overflow:hidden,（偶沃弗洛 嗨等）或者设置line-height的值小于你的设置高度
3.图片默认有间距
解决方案：使用float 为img 布局 （服喽特）
清除浮动：
.clearfix::after { 费可斯 啊福得
content: "";
display: table;
clear: both;
}
.clearfix {
*zoom: 1; （住）
}

盒子模型
Element {
box-sizing: border-box; 怪异盒模型
box-sizing: content-box; 标准盒模型
}

盒模型由内容(content)、内边距(padding)、边框(border)、外边距(margin)四部分组成。
怪异盒模型由内边距(padding)、边框(border)、外边距(margin)三部分组成

标签：box,content,浏览器,margin,模型,padding,兼容性问题,border
来源： https://www.cnblogs.com/zhoywl/p/15926918.html