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 в более ранних версиях, где он не будет возвращать высоту, если вы не передаете параметр. Также, как было предложено в комментариях, вам нужно удалить true из height().

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);