Html 滚动大小与浏览器窗口相符的div

首先，我知道有很多可滚动的div问题，但我没有看到一个似乎能解决我的问题，所以请耐心等待

以下是我试图做的：

• 我需要在iFrame中显示一些内容（这是我需要嵌入到应用程序中的报告输出）
• 我在一个div中主持iFrame
• 我希望div和iFrame的大小取决于用户浏览器窗口的大小
• 如果iFrame中的内容大于div，我希望div滚动
• 我不能使iFrame可滚动，因为它实际上是在一个更大的UI结构中托管的——如果iFrame有滚动条，那么在我的“真实”应用程序中可能有两组滚动条（在“真实生活”中，我将无法控制Div）

问题是： 我得到了滚动条，但是一个大的报告仍然是垂直剪裁的——这就好像滚动条并没有真正考虑到div的完整大小

这是我的HTML：

<div style="width:100%; height:100%; overflow: auto">
  <iFrame src="a url" style="width:100%; height:100%" scrolling="no"></iFrame>
</div>

---

如果我从div中删除溢出样式并使iFrame可滚动，它可以工作，但我不能在生产环境中这样做，因为该iFrame的主机确实需要拥有滚动条。

不幸的是，您拥有的代码无法工作。当一个DIV设置为100%高度时，它会查看相对于浏览器窗口的高度，使其停在那里。它无法知道iframe内部需要多少高度

可能有一种方法可以使用JavaScript实现您想要的功能。勾选此问题，它可能会有您正在寻找的解决方案：