box-sizing取值、属性、用途、默认值

CSS3中box-sizing属性

box-sizing的功能是用来调整块儿与块儿之间外边距的计算方式。

取值范围有3种： content-box(默认值); border-box; inherit;

content-box ：以盒子内容区域+padding(内边距)+border(边框)+margin(外边距); border-box : 将盒子设定为怪异盒子模型，当指定盒子大小之后，无论边框怎样，内边距怎样，始终不影响盒子大小，仅受外边距影响。 inherit : 继承父类的broder-sizing属性。

由于box-sizing是CSS3的新功能，各家浏览器的支持程度不一,所以我们必须使用前缀(Prefixes)来提醒浏览器要正确使用 box-sizing 的属性功能，例如： firefox 使用 -moz- 前缀； Safari 使用 -webkit- 前缀；