为什么<p>标签的 margin 和其他块级标签的 margin，上下边距会重叠计算，但和<video>的 margin 却不会重叠计算？

[lisisi]

例 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 没有重叠计算）。

[suinia]

margin 重叠 只发生在 block 元素上, 只发生在垂直方向上

[meepo3927]

<video /> 默认不是块级元素