前端问答社区

阿里高频面试题:简述 box-sizing 属性的使用场景

Javan 发布于 2个月前 分类:CSS

盒模型box-sizing:

取值

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

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

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

兼容 iE8+

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

回复

共0条回复 我来回复
  • 暂无回复内容