iframe 高度属性不适用于 Firefox

【问题标题】：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 的用户？

【问题讨论】：

【解决方案1】：

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

html, body { height:100%; }

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

就像这个例子：

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

【讨论】：