底部的iframe在页脚后生成空白区域

Question

页脚中有一个iframe。如果我设置了页脚height = iframe的{​​{1}}，则会在height下生成 white-space 。你可以在这里看到它：

JSFiddle

您可以尝试将iframe的高度设置为275px，丑陋的空白已消失。

为什么会发生这种情况？ 请帮忙。

Answer 1

修改

我在这里创建了JSFiddle

<强> HTML

<div class="col-xs-4 hasIframe">
        <iframe ...

<强> CSS

.hasIframe { background: #296496; height: 280px; line-height: 0;}
.hasIframe iframe { margin:0; padding:0; height:100%; width:100%; border: 1px solid #f00;}

这是输出：

你可以看到没有空格，只有iframe有一些默认的 CSS ，你可以重置它的 CSS 因此。

希望它对你有用。