margin纵向重叠

• 相邻元素的margin-top和margin-bottom会发生重叠

• 空白p标签也会重叠

问题：aaa与bbb距离多少？

<style>
  p{
    font-size: 16px;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 15px;
  }
</style>

<p>aaa</p>
<p></p>
<p></p>
<p></p>
<p>bbb</p>

答案：aaa和bbb会重叠取大的15px，但是中间三个p没有内容没有高度。aaa于bbb距离15px