0

我不太擅长编码,这次我什至无法从互联网上找到答案。
我制作了一个 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>

我很感激任何帮助!谢谢阅读!

4

2 回答 2

1

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

它使下一行height:100%, 未解决。

于 2014-09-03T18:42:22.193 回答
0

我也面临同样的问题。我设置

iframe{
    height: 100%; 
   }

它对我有用。

于 2013-04-19T08:48:31.103 回答