Javascript 动态调整子和父div高度

我有一个网站正在嵌入另一个html文件，它看起来像这样：

如果我单击箭头，内部网页将展开，以显示其内容，如下所示：

问题是，我有两个滚动条（内部滚动条和常规网站滚动条）。我只想要外部滚动条（常规网站滚动条）。所以我想让我的父母和孩子的div高度动态增长，我很难弄清楚如何增长。我尝试了所有的

溢出

属性。但我可能把他们搞错了

我正在改变我的内心世界，就像这样：

document.getElementById("versionsContent").innerHTML = '<object class="versionsContent" type="text/html" data="TEST-iPhoneTGxD22SmokeTest.html" width="800px" style="float:left"/>';

---

使用iframe显示html内容。然后，使用javascript根据iframe的内容设置其高度

<script language="JavaScript">

function setSize(id){
    var newheight;

    if(document.getElementById){
        newheight=document.getElementById(id).contentWindow.document.body.scrollHeight;
    }

    document.getElementById(id).height= (newheight) + "px";
}
</script>

<iframe src="TEST-iPhoneTGxD22SmokeTest.html" width="800px" id="iframe1" marginheight="0" frameborder="0" onLoad="setSize('iframe1');"></iframe>

函数设置大小（id）{
var newheight；
if（document.getElementById）{
newheight=document.getElementById（id）.contentWindow.document.body.scrollHeight；
}
document.getElementById（id）.height=（newheight）+“px”；
}

body
{
 background-color: CCCCCC;
}
.versionsContent
{
 font: 18pt Arial,Helvetica !important;
 font-weight: 30 !important;
 background-color: 444444 !important;
 overflow: hidden;
 min-height: 100%;
 text-align: center;
 align-content: center;
 padding: 35px !important;
 width: 95%;
 margin: 0 auto;
}

<script language="JavaScript">

function setSize(id){
    var newheight;

    if(document.getElementById){
        newheight=document.getElementById(id).contentWindow.document.body.scrollHeight;
    }

    document.getElementById(id).height= (newheight) + "px";
}
</script>

<iframe src="TEST-iPhoneTGxD22SmokeTest.html" width="800px" id="iframe1" marginheight="0" frameborder="0" onLoad="setSize('iframe1');"></iframe>