关于盒模型的疑问?

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

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

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

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

阅读 3.5k
4 个回答

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

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

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题