【问题标题】:Setting an IFrame's height to 100% doesn't result in it expanding to fill the page?将 IFrame 的高度设置为 100% 不会导致它扩展以填充页面?
【发布时间】:2013-12-17 00:51:03
【问题描述】:

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

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

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

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

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

有什么想法吗?

【问题讨论】:

    标签: html css iframe


    【解决方案1】:

    htmlbody标签的高度设置为100%:

    html, body {
        height: 100%;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-05-11
      • 2010-11-21
      • 1970-01-01
      • 2014-05-26
      • 1970-01-01
      • 1970-01-01
      • 2011-02-28
      相关资源
      最近更新 更多