JQuery高度不返回确切的高度

Question

我有一个问题，我不明白和谷歌搜索也没有太大的帮助，我想获得一个div的高度与多个行的ap标签作为图像

返回的高度就好像p标记只在一行中，但在它已经渲染并跨越多行之后，当您调用函数高度时，它会显示实际结果，我如何才能真正获得它显示我的JavaScript代码的实际高度？ 我到目前为止是

console.log($('div.content-wrapper').height(), $('div.content-wrapper').outerHeight()) 

这两者都显示相同的东西。

Height displayed: 42 
Actual height: 86 

P.S.我从JS

创建该元素

$('div.container').append(' \ 
    <div class="content-wrapper"> \ 
    <p class="text"></p> \ 
    <div class="button"> \ 
     <span class="button-text"></span> \ 
    </div> \ 
    </div> \ 
'); 

Answer 1

$(element).outerHeight() 

将返回的高度包括边框和补白

使用高度，

$(element).outerHeight(true) 

包括利润率为好。另外，如果您的包装器DIV标签中有许多其他元素，那么您可以使用下面的代码。

$(window).load(function(){ 
    $("wrapper-element").children().each(function(){ 
    totalHeight = totalHeight + $(this).outerHeight(true); 
    }); 
});