H5开发实践-内容总结

盒模型元素宽度的计算方式

IE没有标准盒模型

元素宽度 = width + padding + border
盒子总宽度 = 元素宽度 + margin

CSS3中增加了一个计算盒模型的css属性box-sizing

box-sizing: content-box | padding-box | border-box;
默认值：content-box

为了避免盒模型大小变化造成网页排版问题，一般在样式重置的规则中，将盒模型设置为border-box

*, *:before, *:after {