p标签的那题，如果line-height: 0
以下是我的个人理解，不知道正不正确。

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

<p>AAA</p>
<p></p>
<p></p>
<p></p>
<p>BBB</p>

课堂上的公式有2条

1. 相邻元素的 margin-top 和 margin-bottom 会发生重叠。
2. 空白内容的 <p></p> 也会重叠。

line-height: 0 ，那p可以理解为里面没有内容撑开，按照第二条公式来计算的话，<p> 就被折叠起来了。所以这时 AAA 和 BBB 的距离是0。但每个文字好像都有一个基线规定(我忘了是不是这个名字，就有点像英语本子的那种4条横线的规定)，所以肉眼看上去AAA和BBB有一丢丢间距。