Question

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

我让这个工作了一段时间后得到了预期的结果，但是height的{{1}}突然从剩余页面iframe的{{1}}变为只有1个}}。问题是这只发生在一个浏览器中 - 在Ubuntu上的Firefox。

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

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

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

感谢。

Answer 1

不幸的是，级联样式表中的 Cascading 部分让我失望了。我有另一个（我们称之为“隐藏”）引用iframe的父级，这引起了奇怪的height计算问题。

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

Answer 2

如果您有一个复杂的布局结构，将所有div的高度设置为100％可能会破坏页面布局。在这种情况下，我建议使用javascript将iframe的高度设置为100％。在我的情况下，我使用了JQuery，但我相信纯javascript DOM功能也应该有效。我将iframe的高度设置为等于父div高度：

$('#doc-preview iframe').height($('#doc-preview').height());

此处doc-preview是iframe父div的id。

确保在加载页面后运行此脚本。