CSS3之box-sizing属性
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; }