Javascript 调整iframes高度，使其与视口的大小相同

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

如果我理解正确，您应该将iframe包装在div中，在CSS中为其创建一个类，该类具有

overflow:scroll，
高度：100%和
页边距顶部：100px

高度使您填满整个页面，页边空白顶部为顶部div腾出空间，溢出确保您在iframe周围获得滚动条。你可能需要稍微调整一下身高

据我所知，实际上不可能更改iframe的高度，因为您是从另一个页面导入它的

希望我能帮点忙。
对于IE6-7以外的浏览器，您可以使用纯CSS来实现这一点。看见