我已经在这个问题上寻找了一段时间，但没有找到直接的答案。在元素上添加边距顶部时，在我的情况下，它通常与标题一起发生。在许多情况下，与父母共享边际收益。

HTML

  <div>
      <h1>My title</h1>
    </div>

CSS

div{
  padding:20px;
}

h1{
 margin-top: 20px;
}

前面的代码的结果还将为div添加margin-top，就像我们有以下内容一样：

div{
  padding:20px;
  margin-top:20px; /*this one is implemented by the browser, not written on the code*/
}

解决此问题的一种方法是添加 overflow:auto 到父项，在这种情况下，div css具有：

div{
  padding:20px;
  overflow:auto;
}

尽管前面的示例解决了该问题，但是对我来说还不清楚 为什么？ 。这与 “ 合计 保证金”有关 ，显然，保证金与父母的保证金相结合。但是为什么呢？

我们怎么知道父母何时会压倒孩子的边缘，什么时候不压块的此属性的目的是什么，还是一个bug？

谢谢。