Question

我正在使用此代码段将YouTube视频嵌入我的网站：http://jsfiddle.net/EJ6jZ/3/

HTML

<div class='embed-container'>
<iframe src='http://www.youtube.com/embed/KRaWnd3LJfs' frameborder='0' allowfullscreen></iframe>   
</div>

CSS

.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

问题在于我无法移除视频周围的空白区域。

我知道该方法是在某处添加此行：

display：block;

但是，这是我在CSS编写的第一天。

很痛苦。我知道问题我知道解决方案，但我无法修复它。

Answer 1

此视频周围的空白区域由body

上的默认边距（8px）引起

删除添加：

body {
    margin: 0;
}

如何删除youtube iframe中的空白区域？

1 个答案: