CSS-段落之间的额外垂直间距（简单）

Question

我意识到这是非常基础的，但是我在Firefox中设置了一个非常简单的HTML页面...

html {
  margin: 0; padding: 0;
  font-size: 62.5%;
}

p {
  text-align: justify;
  font-family: verdana, sans-serif;
  font-size: 1.6rem;
  width: 90%;
  margin: 0 auto; 
  padding: 1rem 0 1rem 0;
}

足够容易。

但是，说我有三段。

在第一段上方，大约有13px的空间。在最后一段下面还有13px的空间。

在第1和第2款下，该空格没有折叠。大约有26px的空间-难以记住如何强制填充/边距折叠...

感谢您的任何反馈。

Answer 1

当两个垂直边距彼此接触时，边距会崩溃，较大的边距会覆盖另一个。这是修改后的代码：

html {
  margin: 0; padding: 0;
  font-size: 62.5%;
}

p {
  text-align: justify;
  font-family: verdana, sans-serif;
  font-size: 1.6rem;
  width: 90%;
  margin: 1rem auto;
}