调整iframe的高度,使其与视口的大小相同

时间:2010-06-23 08:23:12

标签: javascript iframe

我的网页在100px高度的顶部有一个div,在它下面有一个iframe。我希望iframe填充页面视口的其余部分,即iframe的高度应该随着浏览器窗口的调整而调整,所以我们看不到两个滚动条 - 我只是希望滚动条应该在iframe中可见而不是在浏览器拥有视口。

1 个答案:

答案 0 :(得分:2)

如果我理解正确,你应该将iframe包装在一个div中,你在CSS中创建一个具有overflow:scroll;height:100%;margin-top:100px;的CSS 高度使您填满整个页面,margin-top为您的顶部div清除空间,溢出确保您获得围绕iframe的滚动条。你可能需要在高度上玩一点。

据我所知,实际上无法更改iframe的高度,因为您从其他页面导入它。

希望我能帮上忙。