Firefox 带有视频子对象的未设置样式的DIV的高度高于应有的高度

出于某种原因，当一个基本的未设置样式的DIV元素包含一个视频元素（可能还有其他元素——我没有测试过很多类型）时，它的底部会有额外的高度

我在一个基本HTML文件中有上述代码行。使用Firefox或Safari/Chrome（如果我使用的是.mp4文件而不是）DOM检查器，我发现DIV元素的计算高度比视频元素的高度高出2-5个像素

这看起来不像是预期的和有意的行为。例如，如果我在其中放置一个P元素而不是一个VIDEO元素，DIV就没有任何额外的高度

---

有人知道浏览器为什么以这种方式呈现DOM元素的配置吗？

如果您的标记如上所述，并且没有应用到它的特殊样式，那么您看到的行为是CSS框模型所必需的；空格是字体下降的大小，因为默认情况下视频的底部位于基线上，而不是文本的底部。特别是，请参阅，以获取规范术语中的解释，以及如何在需要时消除空间。您还可以将块上的线高度设置为0，以消除空间；您采取的方法应该取决于您的其他设计约束。

您是否尝试过将视频{margin:0；padding:0；}添加到css中？可能是FireFox添加了一个标准的填充。阅读肯定很有趣！谢谢你的链接。我现在要看第二个，看看它是否对我的问题有帮助。再次感谢你，伙计！目前，我在包含块元素中添加了样式，以明确定义宽度和高度，这在Firefox中很好，但在Safari中却不行，因为包含块元素在视频元素上下都有一些空间。没关系。。。在对媒体文件本身进行了一些检查之后，我意识到由于某种原因，同一视频的ogv和mp4版本的高度略有不同。我使用Firefogg对ogv文件进行编码，得到的文件正好是640x360，而使用手刹，我得到的mp4是640x352，尽管我告诉它给我640x360。

<div><video src="my_movie.ogv"></video></div>