html - 底部的 iframe 在页脚后生成空白

Question

我在页脚中有一个 iframe。如果我设置 iframe 的 height = height 页脚，它会在 下生成 white-space>iframe 即丑陋。你可以在这里看到它:

JSFiddle

您可以尝试将 iframe 的高度设置为 275px，丑陋的 white-space 消失了。

为什么会这样？
请帮忙。

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;}

这是输出:

你可以看到没有white-space，它只是iframe有一些默认的CSS，你必须重置它的相应的 CSS。

希望它对你有用。