Html 设置子元素的边距是否会影响父元素的大小？ 我很困惑，为什么有时父元素会不考虑子元素的大小来决定它的大小。

代码如下：

section:：after{
内容：''；
显示：块；
明确：两者皆有；
}
第1节主要内容{
边缘顶部：20px；
边缘底部：30px；
填充：0；
}
第3.1节主要内容{
浮动：左；
文本对齐：居中；
宽度：33%；
}
第1.2节主要内容{
利润率：15px；
背景：无重复中心顶部；
背景尺寸：75px 75px；
填充顶部：85px；
}

Morbi commodo，ipsum sed pharetra predida，orci magna rhoncus neque，id pulvinar odio lorem non turpis。我坐在这儿。Lorem ipsum dolor sit amet，奉献

“页边距在相邻元素之间折叠。简单地说，这意味着对于正常文档流中相邻的垂直块级元素，只有具有最大页边距值的元素的页边距将被接受，而具有较小页边距值的元素的页边距将折叠为零。”

如果父元素的上边缘和下边缘（简单地说，这是一种特殊情况）参与到同一元素中，并且父元素在该边缘上没有边框或填充，则子元素的边距可能会“泄漏”到父元素的上边缘和下边缘。

节

元素与

正文

元素处于相同的块格式上下文中，并且

正文

元素默认情况下没有填充或边框，因此满足此条件。

部分

（

旁

元素）的内容是浮动的，浮动由特殊的布局算法控制，不属于块格式上下文（并为其内容建立新的块格式上下文），因此，它的边距不会与

部分的边距一起塌陷

部分的边距

主体元素正在考虑部分的边距section margin似乎很好-，我给了背景颜色以供参考，以从父级查看边距如果您检查元素并查看主体和部分，则部分边距在主体外部，但其不同的旁白和div与类内容和趋势默认css的正文使用边距：8px；因此，您可以看到截面边距位于主体外部