设置border-box的话，整个盒子的宽高不改变，内容缩小，所以应该是200px啊

源自：移动Web开发入门 3-2 选择练习

收起

2回答

好帮手慕慕子 2020-04-08 09:47:28

@"lcyjerry" 同学你好，盒子的宽度确实是200px，但是这道选择题是要计算盒子占据页面的宽度，如下所示，需要计算上元素的左右边距，所以应该是200 + 10*2 = 220px

同学可以试着理解下，祝学习愉快~

lcyjerry #1

题目写的确实是占据页面啊，用dev工具看也是占据了200px啊，

2020-04-08 11:45:23
好帮手慕慕子回复 lcyjerry #2

同学你好，在你的另一个相同提问下做出了解答，可以查看下，https://class.imooc.com/course/qadetail/211869，祝学习愉快~

2020-04-08 13:33:23

好帮手慕慕子 2019-06-26 14:17:28

同学你好，设置border-box时，宽度200中，包含了内边距和边框的值，但是不包括margin值哦，一个元素在页面中占据的宽度包括：左外边距+左边框+左内边距+内容宽度+右内边距+右边框+右外边距；所以这里占据的宽度是width+左右外边距，即：200+10*2

如果帮助到了你，欢迎采纳！

祝学习愉快~~~~

lcyjerry #1

但是设置了border-box的div他设置了padding后内部元素会被压缩啊，所以占据页面还是只有200px啊

2020-04-07 22:47:20
好帮手慕慕子回复 lcyjerry #2

同学你好，在上面回复你了，可以查看下，祝学习愉快~

2020-04-08 09:47:56