div+css高度用js来控制 如何实现 在线等答案 急 急 急

左右两个div
高度是由内容决定的
但是内容又不确定，所以高度会有变化
但是两个div的高度必须一样  js 如何控制啊？？？

解决方案 »

  1.   

    思路id1,2.style.height=id1.style.height>id2.style.height?id1.style.height:id2.style.height
      不知道对不对？
      

  2.   

    div里套table
    然后那个div内容多
    就在js里把两个div的高度设置一样<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    window.onload = function() {
    if (document.all.adv.style.offsetHeight > document.all.advs.style.offsetHeight) {
    document.all.advs.style.height = document.all.adv.offsetHeight + "px";
    } else {
    document.all.adv.style.height = document.all.advs.offsetHeight + "px" ;
    }

    }
    //-->
    </SCRIPT>
    <style type="text/css">
    div {
    border:1 solid red;
    }
    </style>
    </HEAD><BODY>
    <div id="adv">
    <table>
    <tr>
    <td>dfd</td>
    </tr>
    </table>
    </div><div id="advs">
    <table>
    <tr>
    <td>dfd</td>
    </tr>
    <tr>
    <td>dfd</td>
    </tr>
    </table>
    </div>
    </BODY>
    </HTML>
      

  3.   

    获取其中更高的那个div,然后以更高的div为标准。。设置另一个div的高度...
      

  4.   

    用CSS也可以实现...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>new document</title>
    <style type="text/css">
    .wrap{
    border:1px solid #006699; width:500px; overflow:hidden;
    }
    .wrap .left{
    float:left; width:50%; background:#eee; padding-bottom:3000px; margin-bottom:-3000px;
    }
    .wrap .right{
    float:right; width:50%; background:#f5f6fb; padding-bottom:3000px; margin-bottom:-3000px;
    }
    </style>
    </head>
    <body>
    <div class="wrap">
    <div class="left">
    <p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p><p>内容</br></p>
    </div>
    <div class="right">
    sfds
    </div>
    </div>
    </body>
    </html>
      

  5.   

    建议用css 来控制，可以给指定固定高度
      

  6.   

    用7L的方法.如何实现左右两个大DIV的边框?