Jquery（或CSS）将iframe自动调整到底部？

Question

我不知道如何为距顶部 300 像素的 iframe 设置属性，但应该始终到达底部！

所以目前我已将 iframe 的高度设置为 500 像素。当我调整浏览器窗口的大小时，高度应该动态变化。 iframe 应该从顶部开始 300 像素，并且应该始终到达底部。

我不是一个 css 专家。 知道我要做什么吗？

    #frame {
 overflow:hidden;
 border:none;
 width:100%;
 height:500px;
 margin-top:300px;
}

Answer 1

html, body { /* Allow the #wrapper div to stretch 100% in both directions */
    height: 100%;
    width: 100%;
    margin: 0;
}
#wrapper { /* necessary because it for some reason doesn't work with the iframe */
    position: absolute;
    top: 300px;
    bottom: 0;
    left: 0;
    right: 0;
}
#frame {
    width: 100%;
    height: 100%;
    border: 0;
}

<div id="wrapper">
    <iframe id="frame" src="http://www.google.com" />
</div>

Answer 2

您可以像使用“margin-top”一样使用“margin-bottom”。最简单的 CSS 方式，但我不确定这是否适用于所有浏览器。