关于盒模型的疑问?

发布于 2022-09-04 18:25:23 字数 754 浏览 19 评论 0

关于盒子的总高度(w3c模型)有两种说法:
一种是上下margin + 上下border + 上下padding + height,
一种是上下border + 上下padding + height。
我也通过谷歌的盒模型:
clipboard.png

得知总高度貌似要加上margin,但是再看页面中:
clipboard.png

标出来的大小却是不加上margin的,那么盒模型的高度(或者说大小)到底加不加margin,如果在页面中标出来的尺寸不是盒模型的大小那又是什么的大小?

而且如果盒模型的尺寸不包括margin为何下面要选A
clipboard.png
感谢大佬指点了。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

逆流 2022-09-11 18:25:23

题目选项有歧义,或者说根本就是错的。

css标准盒子模型的宽度【不包括左右margin】,margin只是属于【盒子模型的范畴】
题目的答案直接用的"="等号。。完全错误

软糯酥胸 2022-09-11 18:25:23

W3C盒子包含了content,padding,border (大部份内核都是这种标准,你用的是谷歌浏览器, 那么就会显示盒模型 是不包括 margin的)

IE怪异模式 盒子模型的范围包括 margin、border、padding、content

雨后咖啡店 2022-09-11 18:25:23

1、标准css盒模型:box-sizing: content-box; css属性中的width指的是内容的宽度,如下图所示

2、IE css盒模型:box-sizing: border-box;css属性中的width指的是内容的宽度 + 左右padding+border厚度,如下图

第七度阳光i 2022-09-11 18:25:23

这题你甭看了,不包括margin是对的,你理解的没错,实践检验真理

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文