为什么标签的 margin-top: 10px; 存在,却不计入盒子模型?
这幅图展示这个模块的 <h4> 标签,可以看到上面有 10px 的 margin:
这里展示整个 <div> 标签的范围,10px 的 margin 消失了:
最后附上 Chrome 控制台的 h4 css 截图:
各位老铁,这到底是咋回事儿啊?
还需要什么展示的代码请直言。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
外边距合并
https://developer.mozilla.org...
个人认为: div盒子高度(如果没有显示声明height)受内部子元素的真实内容所决定, 而margin并不算在真实内容中,可以看控制台,真实内容为实线内
---- 补充 ----
可以试着增加h4实线内的property,可以发现div的高度会发生相应变化