滚动在 div 的 iframe 中不起作用答案

【问题标题】：Scrolling doesn't work in iframe in div滚动在 div 的 iframe 中不起作用
【发布时间】：2013-02-13 05:02:37
【问题描述】：

我不太擅长编码，这次我什至无法从互联网上找到答案。
我制作了一个 iframe 并将其放在一个 div 中。我想滚动 iframe 中的内容，但由于某种原因，我无法滚动到页面末尾。

我不太擅长解释，所以我希望这些图片能清楚我的意思：
我有什么：http://i87.photobucket.com/albums/k123/gaikotsu_/scroll.png
我想要什么：http://i87.photobucket.com/albums/k123/gaikotsu_/scroll2.png

如您所见，iframe 在底部被切割，因此缺少 3 行艺术作品。我已经尝试了我能想到的一切，这让我很沮丧！

这是 div 的 css：

   #main {
    background-color: transparent;
}

.frame {
    display: block;
    border: medium none;
    position: absolute
    height: 100%;
    width: 100%;
    overflow: hidden;
}

以下是我创建 div/iframe 的方式：

<div id="main" style="overflow-y: auto; height: 100%; overflow-x: hidden; position: absolute; left: 294; top: 44; border: ">
<iframe name="main" src="main.htm" height="710px" width="610px" scrolling="no" border="0" frameborder="0" allowtransparency="true" class="frame">
    </iframe>
</div>

感谢任何形式的帮助！感谢阅读！

【问题讨论】：

标签： html iframe scroll scrollbar

【解决方案1】：

您在 .frame CSS 中 position: absolute 后缺少一个分号。

它使下一行 height:100% 无法解析。

【讨论】：

【解决方案2】：

我也遇到了同样的问题。我设置了

iframe{
    height: 100%; 
   }

它对我有用。

【讨论】：