HTML：为什么视频封面会超出其底部边框？

我试图在元素上显示一个紫色的封面，但我不知道为什么封面稍微超出了视频底部边框。这是我的密码：

.媒体报道{ 显示：内联块； 位置：相对位置； } .媒体报道：之后{ 内容：； 位置：绝对位置； 宽度：100%； 身高：100%； 排名：0； 左：0； 背景色：6b478fb3； 不透明度：0； } .媒体封面：悬停：之后{ 不透明度：1； } 录像带{ 边框：2倍纯红； 高度：150像素； }

---

所有内联元素都可以安全地视为文档流中的字母。当您键入字母时，您希望浏览器呈现字母之间的空格

类似地，对于内联元素，浏览器渲染其周围的空间视频的默认显示值为内联：

。。。将在元素之后、关闭之前渲染这样的空间。要告诉浏览器不要渲染它，您有多个选项：

a不在此处添加空格：

<div class="media-cover">
   <video class="cmedia-box" controls>...</video
></div> 

注意：视频标记>的结束和结束的开始之间没有空格

b给出显示：内联一个块级值设置显示：视频上的块将修复它

---

c float内联元素，即：float:left on video将修复它。

所有内联元素都可以安全地视为文档流中的字母。当您键入字母时，您希望浏览器呈现字母之间的空格

类似地，对于内联元素，浏览器渲染其周围的空间视频的默认显示值为内联：

。。。将在元素之后、关闭之前渲染这样的空间。要告诉浏览器不要渲染它，您有多个选项：

a不在此处添加空格：

<div class="media-cover">
   <video class="cmedia-box" controls>...</video
></div> 

注意：视频标记>的结束和结束的开始之间没有空格

b给出显示：内联一个块级值设置显示：视频上的块将修复它

---

c float内联元素，即：float:left on video将修复它。

我认为，您应该添加CSS:video{display:block；}@Sergej将其作为答案发布，因为它是正确的，它不是内联块，但感谢您的帮助@谢谢，你解决了我的问题。但是你能把它写下来作为一个答案，让人们很容易找到它吗？我认为，你应该添加CSS:video{display:block；}@Sergej将它作为一个答案发布，因为它是正确的，它是块而不是内联块，但感谢你的帮助@谢谢，你解决了我的问题。但是，你能不能把它写成一个答案，让人们轻松地到达它？到底有没有强制删除这个空间？@艾哈迈德视频{显示：块}应该做它。但是根据这个代码：我需要显示：块，浮点：没有，以便垂直对齐列在中间。正如您所看到的，列超过了引导行。有多种技术可以垂直居中。给我一个钢笔/小提琴的链接，告诉我你想要达到什么，我会告诉你怎么做。让我们。无论如何，有没有强制删除这个空间？@艾哈迈德视频{显示：块}应该做它。但是，根据这个代码：我需要显示：块，浮点：没有，以便垂直对齐列在中间。正如您所看到的，列超过了引导行。有多种技术可以垂直居中。给我一个钢笔/小提琴的链接，告诉我你想要实现什么，我会告诉你怎么做。让我们一起来。