div의 높이를 사용하여 다른 div의 여백 또는 여백을 결정하십시오.

Question

다음 div를 사용하여 div의 너비 (%)를 계산하고 다른 div에 그 높이를 픽셀로 설정하도록 지시하고 있습니다.

<script> 
    $("#top").height($("#left").width()); 
    $("#bottom").height($("#left").width()); 
</script> 

정말 잘 작동합니다. 이제 내 다음 문제는 'wrapper'라는 div가 padding-top 또는 여백 - 높이를 반환하는 픽셀 값을 갖기를 원한다는 것입니다. 나는 '높이'를 '패딩 - 탑'으로 변경하려고 시도했지만 작동하지 않았습니다.

최종 결과는 가장자리 주위에 테두리로 작용하는 일련의 검은 색 div가있는 웹 페이지입니다.이 창의 크기는 창의 5 %를 계산하며, 위쪽과 아래쪽이 어떻게되는 지 픽셀 값을 결정합니다 검은 div가 있습니다. 그런 식으로 정확히 일치합니다. 이제는 내 랩퍼 div를 원한다. 웹 페이지까지 정확히 시작하자.

Answer 1

메서드의 유일한 인수로 true를 보내는 경우에는 jQuery outerWidth 함수를 사용하여 패딩, 테두리 및 선택적으로 여백을 포함하여 너비를 검색 할 수 있습니다.

Answer 2

테스트 된 해결책 : div의 높이를 찾고 다른 div의 여백 상단으로 사용하십시오.

$('.topmargindiv').css('margin-top', function() { 
    return $('.divheight').height(); 
});