Html 将帧转换为iframe

我正在将一个以前有框架的页面转换为一个iframe方法，以便向前兼容。基本外观非常简单，它是一个固定像素高度的标题，然后可变高度的内容占据了屏幕空间的其余部分，其中有一个不同的页面

我通过以下方式实现了这一目标：

    <style type="text/css">
    * {overflow:hidden}
    div#header {position:absolute;top:0px;left:0px;right:0px;height:86px;overflow:hidden;margin:0px;padding:0px;}
    div#wrapper {position:absolute;top:86px;left:0px;right:0px;bottom:0px;overflow-y:auto;margin:0px;padding:0px;}
</style>

*{溢出：隐藏}
div#header{位置：绝对；顶部：0px；左侧：0px；右侧：0px；高度：86px；溢出：隐藏；边距：0px；填充：0px；}
div#wrapper{位置：绝对；顶部：86px；左侧：0px；右侧：0px；底部：0px；溢出-y：自动；边距：0px；填充：0px；}

及

顶部内容

虽然这在Chrome和IE中非常有效，但在FF和其他（如iPhone）中却失败了。有什么想法可以让我在所有浏览器上进一步改进它吗

---

编辑：具体来说，“失败”是指滚动条不显示（垂直滚动条），因此我无法在FF/others中向上或向下滚动。在Chrome/IE中，它显示出来并按预期工作。

尝试将

*{overflow:hidden}

更改为

*{overflow:auto}

iFrame是我最不愿意使用的东西，您应该考虑使用div而不是iFrame，并使用ajax加载数据（假设iFrame与您的父网站位于同一个域上）.我正在加载的页面位于完全不同的网站上。我基本上是在其他内容中添加一个标题，比如StumbleUponYouhave

*{overflow:hidden}

。我会先调查一下。关闭你的iframe标签。可能是你的问题！

            <div id="header">
            content in top
        </div>

        <div id="wrapper">
        <iframe src="http://someotherwebpage" style="width:100%;height:100%;" />
        </div>