【问题标题】:CSS: Make iframe full with and height, no scrollbarsCSS:使 iframe 充满和高度,没有滚动条
【发布时间】:2012-11-13 05:59:20
【问题描述】:

如何在 iframe 上设置全高,因此如果超出指定的 height: 500px;,我就没有滚动条 - 我只想拥有页面滚动条而不是 iframe 滚动条。

我知道你可以隐藏滚动条,但是你看不到 iframe 中的所有内容。

你怎么能做到这一点?

width: 100% 完美,但 height: 100% 不会。

查看http://jsfiddle.net/5PKqf/

如果它有效,它应该在 iframe 中显示整个网站

【问题讨论】:

  • 与您所说的相比,禁用主页的滚动条比禁用 iframe 的滚动条要容易得多 - 然后您可以依赖用户使用 iframe 滚动条,就好像它们是主页滚动条一样。您可以在 htmlbody 元素上使用 overflow:hidden 执行此操作哦,并确保您也重置了这两个元素的边距和填充。

标签: css


【解决方案1】:

给 html 一个高度:100%

html{ height: 100%; }

【讨论】:

  • +1 但您需要目标元素的所有父元素的高度为 100%,因此在本例中为 bodyhtml
  • 嗯,但请检查:jsfiddle.net/5PKqf/3 有两个滚动条,这不是我想要的,我希望只有 1 个滚动条,页面根据 iframe 页面变大
猜你喜欢
  • 2013-03-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-09-07
  • 2012-04-04
  • 2011-08-16
  • 1970-01-01
相关资源
最近更新 更多