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



详细信息请参见本人博客
各种浏览器内核及前缀

猜你喜欢

转载自blog.csdn.net/weixin_45820444/article/details/107996673