首页 > 试题广场 >

CSS中box-sizing有哪些值?区别是什么?

[问答题]

CSS中box-sizing有哪些值?区别是什么?

添加回答
金融今天有offer了么头像 金融今天有offer了么
box-sizing是CSS3新增属性，可调整盒子模型的样式。
box-sizing：border-box表示盒模型基于IE的盒模型，width和height决定盒模型的content区、padding区和border区。
box-sizing：content-box表示盒模型基于标准盒模型，width和height只决定盒模型的content区
box-sizing：inherit表示继承自父元素。
发表于 2020-03-09 10:54:34 回复(0)
hyyyH1头像 hyyyH1
Box-sizing用于定义用户该如何计算宽度和高度，属性值有两个：
  1. content-box，默认值，其中设置的width 和height是只包含了内容的宽高（content）,但不包含内边距（padding）、边框（border）、外边距（margin），既设置的width是只包含内容的，如果设置了padding是在这个盒子外部，height同理；
  2. border-box 其中设置的width和height是包含内容（content）、和padding、border但是不包含margin,既当设置了width和padding和border等值，内容实际上的宽度就是（width-padding和border的宽度），height同理
发表于 2020-02-16 22:29:37 回复(0)
AngelSum头像 AngelSum
border-box：width height  决定content、padding、margin
content-box: 表示盒模型是基于标准盒模型，width height只决定模型的content
inherit: 表示继承自父元素
发表于 2020-10-09 19:15:28 回复(0)
苏一恒(Mako)b站内推找我头像 苏一恒(Mako)b站内推找我
box-sizing：
  • content-box:width/height=>content                           尺寸即内容区
  • border-box:width/height=>content+padding+border 尺寸即边框内

发表于 2020-03-01 23:23:29 回复(0)
提交观点

问题信息

前端工程师 金山WPS 2020
来自：金山办公2020校招前...
上传者：小小
难度：
4条回答 3020浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号