Javascript iframe asp.net c中的多个滚动条#

我有一个基于管理员LTE模板构建的应用程序。该应用程序基本上是一个asp.net经典应用程序。有一个母版页，我在母版页中嵌入了一个iframe

根据用户选择的菜单，我正在加载iframe内容，这将是另一个asp.net网页。子asp.net网页（iframe内容页）具有另一个iframe，该iframe已动态加载另一内容

我总共有2个iFrame，用于加载内容。布局如下图所示

我的问题是iframe的高度在代码中是固定的，当加载的内容超过iframe高度时，我会在主窗口滚动条之外获得一个滚动条

为了避免这种情况，我从

并且还添加了一些javascript，如下所示

function resizeIframe(obj) {
         obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';               
       }

在页面加载服务器端方法中，我使用

letterframe.Attributes.Add("onload", "resizeIframe(this);");

由于iframe设置为runat=“server”

这段代码工作得很好，但是当我有嵌套的iframe视图时，它就不起作用了

因此，我将javascript修改为

function resizeIframe(obj) {
         obj.style.height = (obj.contentWindow.document.body.scrollHeight + parent.document.body.scrollHeight) + 'px'; 
       }

这段代码已经从嵌套的iframe中删除了滚动条，但是在我的内容之后，我得到了一个空格，因为高度是通过添加父页面高度和iframe内容滚动高度来确定的

---

有人能告诉我如何调整高度，这样我就可以避免iframe中的滚动条吗

我认为这是一个css问题，不是吗？尝试将父对象的最大高度定义为100%，这将强制iframe调整onload。编辑1，我不确定我是否理解了问题的正确性，但提到的解决方案应该删除页面滚动条，并留下iframe滚动条，如果这对您有效的话。否则，我建议使用另一种方法，即声明没有最大高度，在这种情况下，父容器应该与其子组件一起增长，在这种情况下iframe@TobiasW尤思。javascript将更改iframe的高度，以便根据内容页的高度动态调整iframe的大小，这样iframe内部就不会有滚动条。此外，父容器必须与其子组件一起增长。如果没有，我将得到一个滚动条和父滚动条。如果您只想在主页上有一个滚动条，而不想在iframe上，请不要明确指定iframe的高度。通过这种方式，它应该尽量长得高。结果应该是一个带有iframe的可滚动主页，不带scrollbar@TobiasW我试过了，但没用。通常情况下，iframe不会根据内容窗口自动调整其高度。渲染后，能否提供两个组件加载css的快照？也许某些默认值正在强制执行此行为