CSS3中box-sizing属性的作用以及应用场景

盒模型box-sizing:

取值

1.content-box 默认值,标准盒模型,设置宽度为内容宽度,实际宽度为左右边距加上左右边框加上左右填充再加上内容宽度

2.border-box 设置宽度等于元素内容宽度,content包含了元素的border和padding

3.inherit 继承父元素的盒模型模式

兼容 iE8+

解决问题:
边框和填充被计算到盒模型内,不会破坏布局

posted @ 2018-10-18 21:25  兴趣使然的Geek  阅读(3101)  评论(0)    收藏  举报