请教一个div高度自适应的问题！ - JavaScript论坛

已结贴√ 问题点数：12 回复次数：7

请教一个div高度自适应的问题！

我有一个页面，左边用iframe调用一个菜单页面，右边用iframe调用内容页面，有没有大虾知道怎样用css或者用js实现当右边的iframe调用的页面的高度不断变化时，左边的树形菜单的高度也跟着适应变化，且外面包含它们的高度也跟着适应变化，而且要考虑浏览器的兼容性！能否举个例子，把源码传上来！

搜索更多相关主题的帖子: div　高度　

第 2 楼

得分:12

参考一下这个：

程序代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www. type="text/javascript">
function reinitIframe2(){
var iframe2 = document.getElementById("frame_content2");
try{
iframe2.height =document.documentElement.scrollHeight;
}catch (ex){}
}
window.setInterval("reinitIframe2()", 200);
</script>
</head>
<body>

 <table border-collapse="collapse">
  <tr>
   <td><iframe id="frame_content2" src="http://www. scrolling="no" frameborder="0" width="300px"></iframe></td>
   <td><iframe id="frame_content3" src="http://www. scrolling="no" frameborder="0" width="600px" onload="this.height=document.documentElement.scrollHeight"></iframe></td>
  </tr>
  </table>
</body>
</html>

实际测试的时候，你把网站改成你自己的页面文件！

Q:1428196631，百度：开发地即可找到我,有事请留言！

第 3 楼

得分:0

好像不行啊，楼上的大虾，，

第 4 楼

得分:0

你把你自己的代码发出来，我也不知道你说的是什么自适应？？

Q:1428196631，百度：开发地即可找到我,有事请留言！

第 5 楼

得分:0

    <div id="sec961">
        <div id="left">
        <iframe name="left" src="tree.html"  width="160" height="1000" frameborder="0" id="frmsrc" scrolling="auto" marginheight="0"></iframe>
         </div>
        <div id="right">
            <iframe name="right" src="test.html" width="99%" height="1000" frameborder=0 scrolling="no" marginHeight=0 marginWidth=0></iframe>
        </div>
    </div>

请看我的其中一段代码，其中id="sec961"为外面一个div,它里面包含一个"left"的div、一个"right"的div,左边一个iframe，右边一个iframe，左边的为js树形菜单，右边为左边树形菜单所链接的内容，通过target指定右边iframe的名字来实现，现在问题来了，由于右边的每页内容不一样，导致右边的iframe的高度不一样，现在就想问当我右边的iframe的高度变化时，左边的iframe的高度能不能跟着右边的iframe的高度变化，而且外面id="sec961"的高度也跟着它们能够伸缩？
我现在出现的问题主要是，我左边的js树形菜单有个背景颜色，当我右边的高度变大时，外面id="sec961"的高度能够跟着变大，但左边的高度不会跟着变大，导致左边没有变大的地方没有背景颜色，很难看，能不能帮我解决这个问题？能不能举个例子，把左边的iframe也设个背景颜色测试一下，先谢过了！

[ 本帖最后由 gu_tong2008 于 2010-6-17 17:32 编辑 ]

第 6 楼

得分:0

怎么没人回答啊？

第 7 楼

得分:0

看了我这个问题真的难倒一大批高手了！

第 8 楼

得分:0

PHP 新人不断学习进取中。。。