这题给div设置了200和borderbox 所以宽度只占据200px啊？

这题给div设置了200和borderbox 所以宽度只占据200px啊为什么答案不对

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

收起

2回答

好帮手慕慕子 2020-04-08 13:32:41

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

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

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

好帮手慕慕子 2020-04-08 10:33:59

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

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

提问者 lcyjerry #1

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

2020-04-08 11:47:13