css盒模型理解

页面渲染时，dom 元素所采用的 布局模型。可通过box-sizing进行设置。根据计算宽高的区域可分为：

content-box (W3C 标准盒模型)

border-box (IE 盒模型)

padding-box

margin-box (浏览器未实现)

盒子模型（分2个）：IE盒子模型和W3C盒子模型 

相关box-sizing的属性。 

box-sizing: border-box; 

width = content+padding+border (横向相关) 

box-sizing: content-box; 

width = content (横向相关) 

这两个模型的唯一区别是计算width和height时，IE盒子模型包含padding和border, W3C盒子模型则不包括。