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