例 1:
<p style="margin: 10px 0">this is paragraph</p>
<h1 style="margin: 10px 0">This is heading 1</h1>
例 2:
<p style="margin: 10px 0">this is paragraph</p>
<video style="margin: 10px 0" src="#">This is video</video>
例 1 中,p 和 h1 之间的总 margin 实际是 10px ( p 的 margin-bottom 和 h1 的 margin-top 重叠计算了);
例 2 中,p 和 video 之间的总 margin 实际是 20px ( p 的 margin-bottom 和 video 的 margin-top 没有重叠计算)。
1
suinia 2019-08-06 12:02:40 +08:00 1
margin 重叠 只发生在 block 元素上, 只发生在垂直方向上
|
2
meepo3927 2019-08-06 18:01:08 +08:00
<video /> 默认不是块级元素
|