带有视频子对象的未设置样式的DIV的高度高于应有高度
带有视频子对象的未设置样式的DIV的高度高于应有高度
提问于 2011-08-01 03:13:09
出于某种原因，当一个基本的未设置样式的DIV元素包含一个视频元素(可能还有其他元素--我还没有测试过很多类型)时，它的底部会有额外的高度。
<div><video src="my_movie.ogv"></video></div>我在一个基本的HTML文件中有上面的代码行。使用火狐或Safari/Chrome的DOM检查器(当然，如果我使用.mp4文件)，我看到DIV元素的计算高度比视频元素的高度多2-5个像素。
这似乎不是预期和故意的行为。例如，如果我在其中放入一个P元素而不是一个VIDEO元素，那么DIV就没有任何额外的高度。
有人知道为什么浏览器以这种方式呈现DOM元素的这种配置吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-08-01 08:24:47
如果您的标记与上面一样，并且没有对其应用特殊样式，那么您看到的行为是CSS框模型所必需的；空间是字体下降的大小，因为默认情况下，视频的底部放置在基线上，而不是文本的底部。特别是，有关规范术语的解释，请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=22274#c55，如果愿意，请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=22274#c37了解如何消除空格。您还可以将块上的line-height设置为0以释放空间；采用哪种方法应取决于您的其他设计约束。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6891672
复制相关文章
相似问题
腾讯云开发者
