CSS：视频嵌入错误填充

Question

我在为我的博客（example）开发的主题存在问题，在视频下方，其边框有“额外”空间/填充

基本上，我有一个

<div class="media"> ... embeded stuff ... </div>

.media { border: 5px solid #CCC }

类似的东西

Answer 1

为line-height规则将.media设置为0，因为空格会占用空间（ white ：p）..

.media { border: 5px solid #CCC;line-height:0; }

Answer 2

只需将此添加到您的css：

object{
  vertical-align:bottom;
}

（或者，将line-hight设置为0为.media）