在显示中拉伸HTML5中的iframe：已修复

我试图把一个iframe扩展到所有页面，下一篇文章让我抓狂

但在框架下方，我想添加一些按钮，如下所示：

<div id="wrap">
    <iframe src="..." frameborder="0" id="iframe"></iframe>

    <p style="height: 25px;">
        <button ... />
        <button ... />
    <p>
</div>

---

但是iframe始终覆盖所有网页，我无法使用25px显示小的，直到iframe的底部或下方。

然后尝试使

iframe

高度不是100%。使它变小；） 看一看-它的工作。

改变这一点：

#wrap { position:fixed; left:0; width:100%; top:0; height:100%; }

为此：

#wrap { position:fixed; left:0; width:100%; top:0; bottom : 35px; }

演示：

在内部添加按钮块#包装和样式绝对位置

html:

<div id="wrap">
    <iframe src="http://www.yahoo.com/" id="iframe"></iframe>
    <div id="buttons">
        <button>Button</button>
        <button>Button</button>
    <div>
</div>

#wrap { position:fixed; left:0; width:100%; top:0; height:100%; }
#iframe { display: block; width:100%; height:100%; border:0}
#buttons {position: absolute; bottom: 0;height: 25px;}