Jquery等于高地

时间:2011-08-04 02:26:10

标签: javascript jquery

我不知道我做错了什么..但我有3列我想要应用相同的高度

这是我的HTML

    <div id="wrapper">
  <div class="LeftBG"></div>
  <div id="MainBlock">THIS IS A TEST</div>
  <div class="RightBG"></div>
    <!-- END CONTENT BLOCK -->
  </div>

这是我的功能,只是不起作用....

    var highestCol = Math.max(
    $('.LeftBG').height(),
    $('.RightBG').height());
$('#MainBlock').height(highestCol);

看看我在做什么click here

2 个答案:

答案 0 :(得分:3)

将您的代码更改为此以将所有三个块设置为相同的高度:

var highestCol = Math.max(
    $('.RightBG').height(),
    $('.LeftBG').height());
$('#MainBlock, .RightBG, .LeftBG').height(highestCol);

请在此处查看:http://jsfiddle.net/jfriend00/Rv4fr/

答案 1 :(得分:1)

你做了什么修复了中间列,现在也将它应用到其他类......

var highestCol = Math.max(
    $('.RightBG').height(),
    $('.LeftBG').height());
$('#MainBlock').height(highestCol);
$('.RightBG').height(highestCol);
$('.LeftBG').height(highestCol);