css - iframe 高度仅在 Firefox 中无法正确显示

Question

我创建了一个与 DiggBar 具有相似功能的页面(即指定 height 的 header 和下面填充页面其余部分的 iframe)。

一段时间前，我已经完成了这项工作并取得了预期的结果，但是突然之间 iframe 的 height 已经从 100% 消失了剩余页面的 height 仅为 44.8px。问题是这只发生在一个浏览器中——Ubuntu 上的 Firefox。

我认为这应该在所有其他浏览器中发生，但事实并非如此。它在 Windows 上的 IE、FF 和 Chrome 以及 Ubuntu 上的 Chrome 中正确显示。

最后，使用 Firebug，我选择了 inspect element 来尝试确定发生了什么，但它只告诉我我的 height 被定义为 100%，但计算仅为44.8px。

我正在寻找有关如何最好地调试此问题的一些指导，因为我已经完全没有想法了。我不认为有必要发布所有产生此问题的代码，但如果绝对需要，请询问。

谢谢。

Answer 1

不幸的是，层叠样式表的层叠部分让我失望了。我有另一个(我们称之为“隐藏”)对 iframe 父级的引用，这导致了奇怪的 height 计算问题。

有趣的是，这只发生在我的 Ubuntu 版本的 Firefox 中。