Question

我正在将曾经拥有帧的页面转换为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 id="header">
            content in top
        </div>

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

虽然这在Chrome和IE中完美运行，但它在FF和其他（即iPhone）中失败了。有什么想法我可以进一步改进这个以适用于所有浏览器吗？

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

Answer 1

尝试将* {overflow:hidden}更改为* {overflow:auto}

将框架转换为iframe

1 个答案: