将 IFrame 的高度设置为 100% 不会导致它扩展以填充页面？

Question

我正在尝试显示一个 iframe 并让它填满整个页面。为此，我正在使用：

<iframe src="http://cnn.com" style="margin-top: 80px;" height="100%" width="100%" ></iframe>

没有外部样式表或任何东西，它只是一个显示此 iframe 的准系统 html 页面。

但是，虽然这确实使 iframe 填充了页面的 100%（即它水平扩展为全宽），但 iframe 垂直保持约 300-400 像素长。显然这还不足以显示整个页面，所以它会得到一个垂直滚动条。

如果我将高度设置为 1000 像素或 1500 像素，那么它确实有效，但我更喜欢使用百分比，这样既不会太大也不会太小。

有什么想法吗？

Answer 1

将html和body标签的高度设置为100%：

html, body {
    height: 100%;
}