2回答

好帮手慕慕子

2020-04-08

同学你好，盒子本身的宽度是200px，但盒子占据页面的宽度是220px（一个元素在页面中占据的宽度包括：左外边距+左边框+左内边距+内容宽度+右内边距+右边框+右外边距）。

如下：可以再添加一个div， 添加浮动，让其一排显示，便于查看盒子实际占据页面的宽度。

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

1

好帮手慕慕子

2020-04-08

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

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0

hcyjerry

h 占据页面的宽度使用dev工具查看就是200px 啊 使用了border-box后 加上内边距后 里面的内容区压缩了，200px宽度的盒子加上10px的padding后 内容区压缩成乐180px,s所以180px+20px 还是200px 啊

h020-04-08

共1条回复