html - margin 底部不会压低元素

我有一个浮点数，然后有2个元素，其边距底数为40px，我希望缺口为80px，因为每个元素每个都有40px边距框。但是结果显示只有40px，为什么？

  <p id="P_4">
  </p>
  <p id="P_5">
  </p>

#P_4,
#P_5 {
  margin: 0px 0px 40px;
}

最佳答案

在CSS margin: top right bottom left;中，您需要了解CSS

margin:10px 5px 15px 20px;

上边距为10px
右边距为5px
底边距是15px
左边距为20px

边距：10px 5px 15px;


上边距为10px
左右边距为5px
底边距是15px


边距：10px 5px;


顶部和底部边距均为10px
左右边距为5px


边距：10px;


所有四个边距均为10px

#P_4,
#P_5 {
  margin: 40px 0px;
}

<p id="P_4">
text
  </p>
  <p id="P_5">
  text
  </p>