div에서 위쪽 여백을 얻고 다른 것에 적용

Question

다음 Jquery 코드를 사용하여 화면 중간에 고정 위치 사이드 바 div를 만들었습니다.

$j("#sidebar").css('margin-top', $j(window).height()/2 - $j("#sidebar").height()/2); 

이제 #content div를 적용 할 때 위쪽 여백을 얻으려고합니다.

쉽게 할 수있는 방법이 있습니다.

미리 감사드립니다.

Answer 1

두 요소를 서로 나란히 세로로 정렬하려면이 두 가지 요소를 하나의 큰 div에 두는 것이 가장 쉬운 방법입니다. 그런 식으로, 그들은 둘 다 똑같은 높이로 수직으로 늘어서 게됩니다. HTML이처럼 보이는으로

$j("#container").css('margin-top', $j(window).height()/2 - $j("#sidebar").height()/2); 

: 그래서 jQuery를이 될 것이라고 정말

<div id="container"> 
    <div id="content"></div> 
    <div id="sidebar"></div> 
</div>