由于某种原因，基本的无样式DIV元素在包含VIDEO元素时可能会在底部添加额外的高度（可能还有其他元素 - 我没有使用多种类型进行测试）。
<div><video src="my_movie.ogv"></video></div>
我在准系统基础HTML文件中有上面的代码行。使用Firefox或Safari / Chrome（如果我使用.mp4文件而不是当然）DOM检查器，我看到DIV元素的计算高度比VIDEO元素的高度高2-5个像素。
这似乎不是预期和故意的行为。例如，如果我在那里放置一个P元素而不是VIDEO元素，那么DIV就没有任何额外的高度。
有谁知道为什么浏览器会以这种方式呈现DOM元素的这种配置？
答案 0 :(得分：1)
如果您的标记如上所述并且没有应用特殊样式，那么CSS框模型需要您看到的行为;空格是字体下降的大小，因为视频的底部默认放在基线上，而不是放在文本的底部。特别是，请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=22274#c55以获取有关规范术语的解释，并https://bugzilla.mozilla.org/show_bug.cgi?id=22274#c37了解如何根据需要删除空格。您还可以将块上的行高设置为0以消除空间;你采取哪种方法应该取决于你的其他设计约束。