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;
}