调整 iframe 高度，使其与视口大小一致

Question

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

Answer 1

如果我的理解正确，您应该将 iframe 包装在一个 div 中，并在 CSS 中创建一个具有 overflow:scroll;、height:100%; 和 margin-top:100px; 的类
高度使您填满整个页面，margin-top 为您的顶部 div 腾出空间，溢出确保您在 iframe 周围获得滚动条。您可能需要在身高方面稍作调整。

据我所知，实际上无法更改 iframe 的高度，因为您是从另一个页面导入的。

希望我能帮上点忙。