盒模型分为 IE 盒模型和 W3C 标准盒模型。
IE 盒模型和 W3C 标准盒模型的区别是什么?
W3C 标准盒模型:
属性width,height只包含内容content,不包含border和padding。

IE 盒模型:
属性width,height包含border和padding,指的是content+padding+border。

盒模型的设置
盒模型由 box-sizing
属性控制,默认值为 content-box
,即W3C 标准模型。box-sizing
设为border-box
则是IE 盒模型。