2011-08-23 3 views
4

내 페이지에 높이가 다른 높이로 설정된 오른쪽 열이 있습니다 : 자동;요소가 다른 요소의 자동 높이 CSS를 복사하는 방법은 무엇입니까?

나는 또한 내 오른쪽 열의 높이를 모방하려는 왼쪽 콘텐츠 섹션이 있습니다.

어떻게하면 CSS, jquery 또는 다른 코드를 사용하여이 작업을 수행 할 수 있습니까? 두 요소의 높이를 동기화,

+1

나는 당신이 [이런 종류의] 뒤에 있다고 생각합니다. (http://stackoverflow.com/questions/1056212/how-do-i-achieve-equal-height-divs-with-html-css). – Alconja

+0

그냥 html 테이블 행에 포함되도록 설정 했습니까? – Quincy

+0

레이아웃을 위해 테이블을 빨아 들인다 –

답변

5
$(document).ready(function() { 
    var x = $('#primary').height(); 
    $('#sidebar').css('height', x); 
}); 

이 jQuery를 조각은 #primary의 높이를 소요되며 #sidebar에 적용합니다.

http://jsfiddle.net/pUXCE/4/ < - 작업 예.

+1

잠깐, jsfiddle에서 작동하지 않는다면 div는 같은 높이가 아니야 ... –

+1

"function"이라는 단어에 type-o가있다. 적절한 철자로 다시 시도하십시오. 의도 한대로 작동해야합니다. – GoGoGarrett

관련 문제