父级中的最后一个元素-边距不生效？

Question

最后一个元素是<p>还是<h1>等都无关紧要。为什么最后一个元素的边距不能生效？

它应该降低父容器的背景。

.container {
  background: grey;
}

h1 {
  margin-bottom: 3em
}

p {
  margin-bottom: 5em
}

<div class="container">
  <h1>Title</h1>
  <p>Content.</p>
</div>

Answer 1

只需使用填充在方框中创建空间。 Google关于盒子模型。

.container {
  background: grey;
}

h1 {
  margin-bottom: 3em
}

p {
  padding-bottom: 5em
}

<div class="container">
  <h1>Title</h1>
  <p>Content.</p>
</div>