这是由于保证金合拢规则。要解决此问题，您可以简单地在元素上使用透明边框：
.logo img { border: 1px solid transparent; margin-top: -10px; display: block;}现在，为什么添加边框会中止边距折叠规则？
这不是防止保证金崩溃的唯一方法。还有其他方法，例如向元素添加填充。
为什么这可以防止利润减少？因为它（元素）与盒子布局是分开的。我的意思是说，填充或边框不会将元素物理上分开，而是将边缘物理上分开。
好的，让我们讨论一下边框，填充或溢出技术如何防止边距崩溃。为了给您整理东西，我拍了这张磁铁的照片。您可能知道相反极磁铁的规则，如果一个磁铁移动，另一个也会移动，而不是彼此缝合。
