div左右自适应高度一致

<div style="width:300px;">
  <div id="Left" style="float:left;">1<br/>3<br/>5<br/></div>
  <div id="Right" style="float:right;">2</div>
</div>

<script type="text/javascript" src="http://jt.875.cn/js/jquery.js"></script>
<script type="text/javascript">
  $(function(){
    var heightLeft= $("#Left").height();
    var heightRight= $("#Right").height();
    if (heightLeft > heightRight)
    {
      $("#Right").height(heightLeft);
    }
    else
    {
      $("#Left").height(heightRight);
    }
  })
</script>

posted @ 2014-09-03 14:07  蛋蛋的小家  阅读(969)  评论(0编辑  收藏  举报