无法移除iframe下方的边距

Question

我为此创建了一个codepen，但问题基本上是我的YouTube嵌入其中的边缘（从页面中分隔页脚）并且我不明白为什么，我＆＃39我还在学习网络开发，所以我会对任何解释感激不尽。

http://codepen.io/anon/pen/yyjaVJ

Links to codepen must be accompanied by code, 
but it's all on codepen, considering there's not much.

Answer 1

这是因为iframe元素默认为inline。您在iframe下方看到空格的原因是因为inline元素以这种方式对齐，因此在元素下方有对于p，y，q等字母的保留空间。

您可以将display元素的iframe更改为block：(example)

iframe {
  display: block;
}

..或者您可以将vertical-align属性的值更改为默认值baseline以外的值。在这种情况下，top的值可以有效：(example)

iframe {
  vertical-align: top;
}

Answer 2

如果您编辑CSS并更改此代码，您仍然可以使用您拥有的内容：

#body_wrapper footer {
    margin-top: -6px;
}

不完全是一种专业的做事方式，因为你会看到我会得到的评论，但它确实解决了你手头的问题。