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- 前缀;