height()가 요소의 정확한 높이를 반환하지 않습니다.

Question

상자 높이를 오버플로 된 콘텐츠 높이로 조정하여 넘치는 내용을 해결하려고하지만 트릭을 수행하지 않는 것 같습니다.

  if ($('.content-right').outerHeight() > $('.content-right').parent().parent().height()) { 
       $('.content-right').parent().parent().height($('.content-right').outerHeight(true)); 
      } 
      console.log('Box Height: ' + $('.content-right').parent().parent().height()); 
      console.log('Content Height: ' + $('.content-right').height()); 

이 뜻을 출력 사업부 명확하게 아래의 예를 많이 클로 잘못

Box Height: 599 
Content Height: 594 

. 어떤 아이디어? 이미지 형태로

문제 영역 : http://prntscr.com/4p1obb

Answer 1

당신이 매개 변수를 전달하지 않는 경우는 높이를 반환하지 않습니다 이전 버전의 버그 jQuery를 outerHeight이 있습니다. 또한 주석에서 제안한대로 height()에서 true를 제거해야합니다.

if ($('.content-right').outerHeight(true) > $('.content-right').parent().parent().height()) { 
    $('.content-right').parent().parent().height($('.content-right').outerHeight(true)); 
} 
console.log('Box Height: ' + $('.content-right').parent().parent().height()); 
console.log('Content Height: ' + $('.content-right').height()); 

UPDATE :

이 시도 (그리고 위에서 언급 한 버그는 계속 적용되므로 매개 변수에 넣어해야합니다). 주의 깊게 문서를 읽을 경우 아래의 코드는 나에게 868

var outerHeight = 0; 
$('.content-right > *').each(function() { 
    outerHeight += $(this).outerHeight(true); 
}); 
console.log(outerHeight);