H2 margin-top与其Section标签冲突[重复]答案

【问题标题】：H2 margin-top conflicts with its Section tag [duplicate]H2 margin-top与其Section标签冲突[重复]
【发布时间】：2016-11-03 22:17:26
【问题描述】：

我有一个部分标签，其中包含一个h2 标签和一些上边距。我不明白为什么应用到 h2 标签的margin 不是用来将其与包含它的section 标签分开，而是将section 从body 标签移开。

【问题讨论】：

标签： css html

【解决方案1】：

如果您想在 h2 周围有一个空格，解决此问题的一种方法是：

h2 {
  margin-top:0px;
  padding-top:10px; --> whatever you want but in padding
}

在 CSS 中有一个折叠边距。这意味着两个或多个框（可能是也可能不是兄弟）的相邻边距可以组合形成一个边距。因此，在您原来的小提琴中，它成为bodytag 的边距

【讨论】：

【解决方案2】：

发生这种情况的原因如下：

父级占第一个子级的边距。

将 h2 标签更改为 display:inline-block 会将行为更改为您想要的。

【讨论】：