Html Iframe高度随内容的增加而增加

母版页中有一个iframe。我想滚动条只出现在主页面，而不是Iframe。iframe的高度应随内容的增加而增加

我尝试了这一点，但无论是否包含内容，iframe高度都保持不变。当有大内容时，iframe会显示滚动条。如果我说scrolling=no，那么溢出的内容仍然是隐藏的

HTML:

<div class="content">
 <div class="page">
   <iFrame id="iframe1" runat="server" class="iframe" scrolling="no"></iframe>
 </div>
</div>

.content
{
padding:2% 2%;
position:absolute;
top:90px;
left:250px;
border:1px solid aqua;
width:76%;
}
.page
{
 min-width:100%;
}
.iframe
{
border-style:none;
min-width:100%;
min-height:100%;
}

有没有非Javascript解决方案

使用chrome

---

因为我在学习东西，而JS也在学习hard@Ruby好的，但解决办法是：谢谢。这正是我想要的，但只有当我从iFrame中删除runat属性时，它才能工作，否则JS函数找不到这个id。我如何克服这个问题。首先我放置

document.getElementById（“”）

。然后

document.getElementById（'iframe1'）

。我需要在服务器端访问此控件以分配src属性在ASP.NET中，系统假定

runat

控件的ID不是唯一的（不要问我它为什么这么认为），因此它通过向控件预先添加类似

ctl100的内容来“盐化”控件。因此，浏览器中生成的HTML中的iframe将具有
id=“ctl100\u iframe1”。解决方案是将
clientdmode=“True”`也放在开始标记中，这样它就不会更改ID。请参阅。我在上尝试了该解决方案。不走运。错误-没有方法的重载包含0个参数。