Html 带子P元素的div-此边距来自何处？

一个包装袋里有三个包装袋

不包含子元素的div的行为与预期的一样：每个div都在其前一个同级之后。他们之间没有边际

html，正文{
宽度：100%；
高度：4000px；
背景色：rgba（2452452452451.0）；
}
.包装纸{
宽度：1000px；
保证金：50px自动；
}
.直肠{
高度：300px；
背景颜色：深红色；
}
.橙色{
背景：线性梯度（180度，粉红色，橙色）；
}
.orange p{
位置：相对位置；
}

---

利润来自哪里？

• 浏览器使用css默认值
• 如果未指定代码，则使用默认值
• 每个浏览器的默认值都不同。这很好 练习始终在启动时重置（默认）所有常用值 你的样式表

为什么利润率会有这种影响？

根据

在CSS中，两个或多个框（可能是同级框，也可能不是同级框）的相邻边距可以合并形成一个边距。以这种方式合并的保证金称为崩溃保证金，由此产生的合并保证金称为崩溃保证金

这意味着带有边距的嵌套元素将其边距添加到约束元素中

---

在下面，我为保证金值添加了重置：

p { margin:0; }

但是，您应该使用完全重置来防止应用默认值

/*---------------------------------------------------------------------------------
全局重置
---------------------------------------------------------------------------------*/
html，body，div，span，h1，h2，p，th，td，a，em，img，strong，ul，li，form，label，h1，h2，h3，h4{空白：0；填充：0；边框：无；}
：焦点{大纲：无；}
html{框大小：边框框；}
*，*：：在{框大小：继承；}之前，*：：之后
html，正文，表单{高度：100%；位置：相对；}
html，正文{
宽度：100%；
高度：4000px；
背景色：rgba（2452452452451.0）；
}
.包装纸{
宽度：1000px；
保证金：50px自动；
}
.直肠{
高度：300px；
背景颜色：深红色；
}
.橙色{
背景：线性梯度（180度，粉红色，橙色）；
}
.orange p{
位置：相对位置；
}

Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。
埃尼安·马萨。因怀孕而导致的自然社会问题，
黄花蛇舌草

Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特
多洛。埃尼安·马萨。因怀孕而导致的自然社会问题，
黄花蛇舌草

标记具有默认边距

如果

标记位于没有边距的

div

元素内部，则

p

的“外部”边距将添加到

div

中