【问题标题】:iframe height attribute not working with Firefoxiframe 高度属性不适用于 Firefox
【发布时间】:2012-10-14 22:49:05
【问题描述】:

我的 Firefox(Ubuntu 上的版本 3.6.17)没有响应我的 iframe 的 height 属性。 (我检查了它是否可以在我的 Google Chrome 上运行。)

<iframe src="www.example.com" width="100%" height="80%"></iframe>

<iframe src="www.example.com" width="100%" height="40%"></iframe>

我怎样才能让它工作?

如果是因为我的 Firefox 版本太旧,我怎样才能让它适用于同样拥有旧版本 Firefox 的用户?

【问题讨论】:

  • 它的所有父母都设置了高度属性吗?
  • @Bender 它的父对象是,它没有设置高度属性。
  • 尝试将 body 和 html 设置为 100%。
  • @Bender 试过了,可惜没用。

标签: html firefox iframe height


【解决方案1】:

我在 OS X 上的 Firefox 3.6 中检查了你的代码,这对我有用。为了让它工作,我添加了:

html, body { height:100%; } ​

http://jsfiddle.net/XcdJ3/

但是,如果您在某个容器中有 iframe,它也必须有 height:100% 属性。

就像这个例子:

http://jsfiddle.net/XcdJ3/2/

如果您无法使用 html 和 css 扩展 iframe,请尝试在 JavaScript 中进行扩展,只需获取父元素高度并将其应用于 iframe 高度标签。

【讨论】:

  • 嗯,我已将height="100%" 添加到 html 和 body HTML 标签(它们都是父标签)中,但它仍然无法正常工作。不知道为什么..
  • 在所有父元素的 CSS 中添加 height:100%:html、body 和容器 div。
  • 如果对象(iframe)在表中,则执行相同操作。确保将 height:100% 也添加到 tbody
猜你喜欢
  • 2016-02-17
  • 2018-01-03
  • 2011-04-21
  • 1970-01-01
  • 2016-09-23
  • 2010-09-15
  • 1970-01-01
  • 2012-07-09
  • 1970-01-01
相关资源
最近更新 更多