标准盒子模型
设置方式:border-sizing: content-box(默认)
包含:margin、border、padding、content
怪异盒子模型(IE盒子模型)
设置方式:border-sizing: border-box
包含:margin、border、padding、content
区别
标准盒子的总宽度为: margin+border+padding+content
= margin+border+padding+width
怪异盒子的总宽度为:margin+border+padding+content
= margin + width(2padding+内容+2border)
注意: 怪异盒子的 width 由 border、padding、content 共同组成