동적 높이 (jQuery를)

Question

HTML :

<div class="main" style="float:left"> 
    lorem ipsum <br /> 
    lorem ipsum <br /> 
    lorem ipsum <br /> 
</div> 
<div style="float:right"> 
    <div class="block">block</div> 
    <div class="block">block</div> 
    <div class="block">block</div> 
</div> 

jQuery를 주된/3

의

$('.block').height($(".main").height()/(3)); 

... 각 블록 높이 = 높이는 그 때문에 부정확 height는 .block의 여백/패딩을 고려하지 않습니다. 자동 또는 수동으로 패딩/여백을 어떻게 뺄까요?

Answer 1

당신은 내가 원래 문서를 오해 outerHeight

$('.block').height($(".main").outerHeight(true)/3); 

편집를 사용할 필요가 있고, 기본적으로 포함 된 margin 생각했다. 내가 틀렸어! 여백을 포함하려면 true을 outerHeight 함수에 전달해야합니다. 감사합니다. @Alex Sexton!

Answer 2

당신은 도움이 jQuery를

http://docs.jquery.com/CSS/outerHeight

http://docs.jquery.com/CSS/outerWidth

희망의 outerHeight 및 outerWidth 방법에 관심이있을 수 있습니다!