在一个div元素中包含一个p元素,为什么div元素的height不包含p元素默认的margin?

<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