Html 为什么<；p>；将空间放在<；部门>；？

好的，我们可以清楚地看到顶部和

之间有一个空格。现在，我知道这是由

元素的边距/填充引起的，但是为什么它出现在

之外，而不是它里面呢

正文{
边际：0px；
填充：0px；
背景色：#808080；
}
#顶部包装{
背景色：#ffffff；
边际：0px；
填充：0px；
}

你好

这是预期的行为。这是因为段落的上页边距与其父div的上页边距（以及下页边距）一起折叠。这会使div看起来好像有边距

:

在CSS中，两个或多个框（可能是或 可能不是同级）可以合并形成单个页边距。边距 这种结合方式被称为崩溃，由此产生的结合 边距称为折叠边距

---

这是预期的行为。这是因为段落的上页边距与其父div的上页边距（以及下页边距）一起折叠。这会使div看起来好像有边距

:

在CSS中，两个或多个框（可能是或 可能不是同级）可以合并形成单个页边距。边距 这种结合方式被称为崩溃，由此产生的结合 边距称为折叠边距

这是由于

块的上边缘和下边缘有时合并（折叠） 合并为单个页边距，其大小为所有页边距之和的最大值 一种被称为边缘塌陷的行为

要（防止这种情况并）提供您预期的行为，请添加

overflow:auto

到

div

，或者

溢出：隐藏这将强制

块格式上下文是块的可视化CSS呈现的一部分
网页。它是块框布局发生的区域
浮点数之间相互作用


正文{
边际：0px；
填充：0px；
背景色：#808080；
}
#顶部包装{
背景色：#ffffff；
边际：0px；
填充：0px；
溢出：自动；
}

你好

这是由于

块的上边缘和下边缘有时合并（折叠）
合并为单个页边距，其大小为所有页边距之和的最大值
一种被称为边缘塌陷的行为

要（防止这种情况并）提供您预期的行为，请添加
overflow:auto
到
div
，或者
溢出：隐藏这将强制

块格式上下文是块的可视化CSS呈现的一部分
网页。它是块框布局发生的区域
浮点数之间相互作用


正文{
边际：0px；
填充：0px；
背景色：#808080；
}
#顶部包装{
背景色：#ffffff；
边际：0px；
填充：0px；
溢出：自动；
}

你好