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>

 

转载于:https://www.cnblogs.com/lch880/archive/2010/03/12/1684234.html