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

이 공동 변경

뭐하는 거지 보려면 .... 작동하지 않습니다

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

는 여기를 참조하십시오 : http://jsfiddle.net/jfriend00/Rv4fr/

Answer 2

당신이 수정에게 중간 열을 무슨 짓을 지금뿐만 아니라 다른 클래스에 적용 ...

을 이것에 드는 같은 높이로 세 블록을 설정합니다

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