首页 > 试题广场 >

当设置 box-sizing 为 content-box 时

[单选题]
当设置 box-sizing 为 content-box 时，下面关于 CSS 布局的描述，不正确的是？ 
  • 块级元素实际占用的宽度与它的 width 属性有关；
  • 块级元素实际占用的宽度与它的 border 属性有关；
  • 块级元素实际占用的宽度与它的 padding 属性有关；
  • 块级元素实际占用的宽度与它的 background 属性有关。
查看正确选项
添加回答
牛客568599号头像 牛客568599号
padding和border都是块元素内部的东西，凭什么会占用他实际的占用大小？
发表于 2015-10-22 20:15:40 回复(1)
Mr~头像 Mr~
注意是不正确的是！！！
发表于 2017-09-23 10:41:50 回复(9)
千寻0409头像 千寻0409
块级元素的总的宽度=左右padding+左右border+内容区的width，我们实际设置的width指的就是内容区的width，所以当改变padding、border、width中的任一项的时候，块元素的总宽度都会发生变化。
发表于 2016-04-23 22:07:14 回复(2)
牛客720985号头像 牛客720985号
最后一个只是对块级元素的背景做修饰，并不能改变大小
发表于 2015-08-18 08:29:26 回复(0)
安安要做程序媛头像 安安要做程序媛
content-box 设置宽高时宽高是content的内容。
border-box设置宽高时宽高是content+border+ padding  即标准盒模型
编辑于 2017-07-16 09:26:46 回复(1)
kear头像 kear
这不是js的题目吗？
发表于 2017-02-27 18:08:15 回复(0)
AimSteel头像 AimSteel
对于元素，层次结构为：margin【border【padding【自己的大小（width）

所以对于占用宽度的大小 一般来讲只跟这四个有关系。
发表于 2016-04-24 01:47:04 回复(1)
牛客46381295号头像 牛客46381295号
在标准盒子模型下，块级元素的总宽度=左右padding+左右border+内容区的width，我们实际设置的width指的就是内容区的width，所以当改变padding、border、width中的任一项的时候，块元素的总宽度都会发生变化。而background只是对块级元素的背景做修饰，并不能改变大小 我瞎了，看错题目的
发表于 2021-04-30 16:25:18 回复(0)
hbdxu头像 hbdxu
这个是送分题，和背景有啥关系
发表于 2023-02-14 22:42:00 回复(0)
迷途小学生头像 迷途小学生
设置 box-sizing: content-box 后 盒子的总宽度 = width + padding + border.所以A,B,C正确
发表于 2022-11-14 14:10:17 回复(0)
红烧牛肉面龙卷头像 红烧牛肉面龙卷
背景颜色跟盒子有关，不是盒子跟背景颜色有关
发表于 2022-04-29 13:35:28 回复(0)
alonetj头像 alonetj
毫不犹豫的选了A....
发表于 2019-10-08 15:43:29 回复(0)
恍如昨天，头像 恍如昨天，

看错了题目。。。

发表于 2019-09-09 23:25:13 回复(0)
ggggggo头像 ggggggo
应该是浏览器不同吧，ie的宽度
发表于 2019-08-07 08:02:17 回复(0)
柠小哀头像 柠小哀
D
发表于 2019-05-07 19:31:05 回复(0)
L刘刘刘头像 L刘刘刘
盒子模型

发表于 2019-04-27 11:51:12 回复(0)
燃烧黎明头像 燃烧黎明
块状标签所占的宽度和其background是没有关系的，反过来是对的，因为默认的background = width + padding*2 + border*2。
发表于 2019-04-14 15:07:15 回复(0)
奔波儿灞vs灞波儿奔头像 奔波儿灞vs灞波儿奔
盒子模型
发表于 2018-07-06 18:20:45 回复(0)
怎样过不是过头像 怎样过不是过
换种说法理解
a的什么与b有关    ==     b影响了a的什么      显然背景怎么都影响不到宽度  
发表于 2018-05-24 11:37:24 回复(0)
-半分醉/Aom头像 -半分醉/Aom
盒模型不同 就会不一样
发表于 2017-11-10 12:38:20 回复(0)
提交观点

问题信息

CSS 前端工程师 阿里巴巴 2016
来自：阿里巴巴2016前端开...
上传者：小小
难度：
26条回答 13744浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

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