您如何使 iframe 的高度始终延伸到浏览器窗口的底部？答案

【问题标题】：How would you make an iframe's height always extend to the bottom of the browser window?您如何使 iframe 的高度始终延伸到浏览器窗口的底部？
【发布时间】：2011-10-02 21:38:15
【问题描述】：

我想生成一个高度会延伸到浏览器窗口底部的 iframe。如果用户改变浏览器的高度，那么 iframe 的高度也应该动态改变。但是，我希望 iframe 有一个最小高度，超过它不会进一步缩小。我该怎么做？

【问题讨论】：

@Cfreak 好吧，无可否认：P

标签： javascript jquery css iframe height

【解决方案1】：

我正在做一些非常相似的事情。 1）获取窗口调整大小事件（我使用jQuery）

$(window).resize(function(){});

2) 弹出你想要的动作。对我来说，我在文档正文上明确设置了一个高度，这样我的 CSS 高度：100% 在内部容器上就会占据上风。你可以在函数中做任何事情：

$(window).resize(function(){
    $('body').height($(document).height());
});

我的标记：

<html>
    <body>
        <div class="full-height">Hello World</div>
    </body>
</html>

我的 CSS：

body {position:relative;}
.full-height {height:100%;}

【讨论】：

【解决方案2】：

这将有助于了解您正在使用什么，但希望这会为您指明正确的方向。

iframe {
  height:100%;
  min-height:300px;
}

【讨论】：

【解决方案3】：

您是否尝试过将 iframe 放入包装 div 中

<div id="iframediv" style="min-height:500; overflow:scroll">
    <iframe src="http://google.com"> </iframe>
</div>

值得一试。

【讨论】：

-1 因为这没有任何帮助。父 div 不影响 iframe。 iframe 需要声明它自己的大小。加上 min-height 上的尺寸甚至需要单位来做任何事情。
显然他不会使用相同的代码，这只是一个示例。从现在开始我怎么能知道我因为试图帮助而得了-1……唉，这么长时间的残酷世界
帮助需要有用且准确。这也不是。这就是投票系统的作用，以帮助未来的读者了解哪些帮助有用，哪些没有用。如果您不是很有经验，那么我建议您尝试您推荐的方法以确保它们有效。验证 jsfiddle.net 中的工作很容易。