如何正确调整这些嵌套 iframe 和浮动页脚的大小？

Question

我对嵌套的iframes 有一个特殊的问题。这是一个遗留应用程序，我无法更改 parent-iframe 的方式。

所以我的主 html 文档中有一个父 iframe。这个parent-iframe是唯一占据整个html文档的子元素，因此我们希望主html页面根据parent-iframe调整大小，并在需要时显示scrollbars。

parent-iframe 决定必须显示哪个子 iframe 并显示 content-iframe。这个content-iframe 将是parent-iframe 中唯一的孩子，这意味着它的内容体高度和宽度应该是浏览器中scrollbars 的决定因素。他们已经在使用 jQuery 来根据内容高度调整 iframes 的大小，但我可以看到有问题。

content-iframe 中的源将有一个标题div、内容div 和一个页脚div。页脚div 应该始终贴在浏览器窗口的底部。如果内容很小，它应该留在窗口的底部。如果内容很高，则应将其进一步向下推以留在页面底部。我无法获得$(window).height()，因为它让我获得了content-iframe 的高度。由于嵌套的iframes，这样做非常棘手，并计算高度。

我需要调整大小的想法和好的解决方案。

   parentIframe
    contentIFrame
      mainDiv
        Header 
        Content
        Footer

编辑：

好的，我找到了解决方案，不确定是否正确，但效果很好。 我有一个 parentIframe 的父 div，因此在加载时，我得到了$(window).height() 并将其设置为parentDiv 的最小高度。现在在我的resizeIFrames 方法中，我将parentDiv's min-height 设置为parentIframe、contentIFrame 和mainDiv's min-height，然后一切正常。

Answer 1

好的，我找到了解决方案，不确定是否正确，但效果很好。 我有一个 parentIframe 的父 div，因此在加载时，我得到了$(window).height() 并将其设置为parentDiv 的最小高度。现在在我的resizeIFrames 方法中，我将parentDiv's min-height 设置为parentIframe、contentIFrame 和mainDiv's min-height，然后一切正常。