为什么 <h4> 标签的 margin-top: 10px; 存在,却不计入盒子模型?

这幅图展示这个模块的 <h4> 标签,可以看到上面有 10px 的 margin:

图片描述

这里展示整个 <div> 标签的范围,10px 的 margin 消失了:
图片描述

最后附上 Chrome 控制台的 h4 css 截图:
图片描述

各位老铁,这到底是咋回事儿啊?


还需要什么展示的代码请直言。

阅读 3.2k
2 个回答

个人认为: div盒子高度(如果没有显示声明height)受内部子元素的真实内容所决定, 而margin并不算在真实内容中,可以看控制台,真实内容为实线内

---- 补充 ----

可以试着增加h4实线内的property,可以发现div的高度会发生相应变化

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