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 

这是不正确的，因为在下面的示例中 div 显然要大得多。有任何想法吗？

图片形式的问题区域：http://prntscr.com/4p1obb

Answer 1

在旧版本中存在一个错误 jQuery outerHeight，如果您不传递参数，它将不会返回高度。同样如 cmets 中所建议的，您需要从 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() );

更新：

试试这个（上面提到的错误仍然存​​在，所以一定要输入一个参数）。下面的代码给了我 868 的高度。

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