javascript - Jquery 等高

Question

我不知道我做错了什么..但我有 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

Answer 1

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

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

在这里查看:http://jsfiddle.net/jfriend00/Rv4fr/