<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
- 相邻元素的
margin-top
和margin-bottom
会发生重叠 - 空白内容的<p>也会重叠
<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
margin-top
和margin-bottom
会发生重叠