CSS：将2个div与2个不同的类相交&；应用不同的裕度-异常或预期行为？

我想了解的是：

边距合并（第1部分的边距底部与第2部分的边距顶部）是否在两个不同的分区相交时具有相同的值？看来是这样

当两个不同的div相交时，如果值相同，则填充不合并（div 1的边距底部与div2的边距顶部）？看来是这样

当两个具有不同填充的不同div相交时，每个div将尊重其填充，因此，基本上，它们之间的高度/距离将比使用边距时更高（因为填充不合并）？看来是这样 问题：当两个不同类别的两个不同div相交时（div 1的边距底部与div2的边距顶部），边距值较高的div将使用上一个div边距（从上一个div计算边距高度，并仅将差值相加）？这是预期的行为吗

是否有人知道在浏览器（div/图像/段落等）上测量/显示两个对象之间的视觉距离（PX）的工具。一些Firefox/Chrome插件

.div1页边距{
边际：32px0；
背景色：#fcc0；
}
.2分部保证金{
边缘顶部：132px；
背景色：#c0fcf9；
}
.div1填充{
填充：32px0；
背景色：#c5fcc0；
}
.div2填充{
填充顶部：132px；
背景色：#ecc0fc；
}
h2.h2保证金{
颜色：蓝色；
填充：0！重要；
边距：0！重要；
字号：18px；
}
h3{
字号：18px；
颜色：绿色；
填充：16px0；
}
h2.h2填充{
颜色：红色；
填充：0！重要；
边距：0！重要；
字号：18px；
}

这里，第2部分的页边距顶部为132px，第1部分的页边距底部为32px。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。
两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因工作失误而导致死亡。
2区和1区之间的总距离（空间）为132px？（使用边距）
这里，第2部分的填充顶部为132px，第1部分的填充底部为32px。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。
两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因工作失误而导致死亡。
2区和1区之间的总距离（空间）为164像素？（使用填充）

确实，页边距可能很难看。。。这是关于CSS规范，浏览器如何处理边距

如果以下两个元素具有：

页边距底部

和（以下）

页边距顶部

则不会每次添加页边距。在这种情况下，最重要的规则是：

如果两个值均为正值，则仅从边距较高的元素中获取边距

如果两个值都为负值，则仅从具有较低（更负）边距的元素中获取marign

但请注意：如果一个值为负值，另一个值为正值，则两个边距都将相加（=负值从正值中减去），并且使用的边距现在将是两者的结果

因此，由于在示例中仅使用正值：

margin-bottom

和

margin-top

未根据规范添加。使用填充不受此规则的影响，因此内部元素距离的结果是相加的结果

在许多

网格框架中，

填充用于设置距离，而不是边距

这里有一个博客，上面有很好的解释：

---

MDN有一个关于这种“折页边距”行为的页面（在某些情况下会出现这种情况）[link]有很多方法可以绕过它，例如CSS clear。阅读本文