Html 使用页边距顶部时出现空白

我试图使用边距顶部将容器相对于其父容器向下推。但是，当尝试这样做时，父div和前一个div之间会出现一个白色的间隙（请参见屏幕截图）。我想知道是否有人能解决这个问题

---

如果问题是背景没有填充，请使用填充，而不是边距。这适用于父div，而不是子div：

.container{
背景：紫色；
填充：20px；
}
.分区{
高度：500px；
背景：红色；
}

为了吸引最佳答案，请创建一个将问题归结为最简单形式的示例，然后将代码发布在此处。能够重现问题是找到解决方案的一个重要步骤。使用

reset.css

它看起来像是您

tag

，因为

英雄信息

给出了

边距

谢谢！这很有效。读了你的答案后，我觉得这是一个“无聊”的时刻。干杯

.container {
  background: purple;
  padding:20px;
}
.div {
  height:500px;
  background: red;
}
<div class="container">
  <div class="div"></div>
</div>