box-sizing本身有三个属性：content-box(默认)、border-box和padding-box。
content-box:border与padding均不算入width中；
border-box：border与padding均算入width中；
padding-box:padding算入width中，但是border不算进去。
目前火狐浏览器三个属性全都支持，IE的话不支持padding-box，会得到content-box一样的结果。
.borderBox{ box-sizing: border-box; width: 200px; background: pink; border:3px solid black; padding:10px; }
原文：https://www.cnblogs.com/qingshanyici/p/10432927.html