jquery控制相同高度

这个效果是控制左右两边的高度，左右始终保持一样高。

首先在html头部要载入jquery库文件，js代码：

$(function(){
    var left_height=$('#left').height();
    var right_height=$('#right').height();
    if(left_height>right_height)
    {
        $('#right').height(left_height);
    }
    else
    {
        $('#left').height(right_height);
    }
});

 

css：

#left{background:red};
#right{backgruond:#000;}

htm：

<div id="left">

  左边内容<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>123<br/>

</div>

<div class="right">

  右边内容

</div>