<body>
<div>
<p>这里有一段文字</p>
</div
</body>
在这里,父级元素div的height=p的height + p的margin-top + p的margin-bottom。但是实际上,div的height=p的height。这是怎么回事?
另外,在div中添加css : [overflow: hidden]后,上述问题就不存在了,这有是什么原理呢?
这是css外边距合并特性
你可以看看
https://www.jb51.net/w3school/css/css_margin_collapsing.htm
https://blog.csdn.net/weixin_38055381/article/details/81449563
https://blog.csdn.net/zhouziyu2011/article/details/53091147
或者自己百度
您好,我是问答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~
ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632