CSS 中的盒子模型包括 IE 盒子模型和标准的 W3C 盒子模型。
box-sizing(有 3 个值哦):border-box,padding-box,content-box
这两种盒子模型最主要的区别就是 width 的包含范围:
在 标准的盒子模型中,width只是 content 部分(box-sizing:content-box;)
在 IE 盒子模型中,width包含 content+padding+border 这三个部分的宽度(box-sizing:border-box)
标准盒子模型的盒子宽度:左右 border+左右 padding+width
IE 盒子模型的盒子宽度:width
box-sizing:content-box;表示标准的盒子模型,
box-sizing:border-box 表示的是 IE 盒子模型
box-sizing:padding-box,这个属性值的宽度包含了左右 padding+width