爲什麼jQuery.height（）在Chrome上獲得不同的結果？

Question

這是怎麼鍍鉻顯示div的寬度和高度：

這是正確的，事實上的高度1466.但是，如果我這樣做：

$(document).ready(function() { 
    console.log($('#container-altezza-fisso').height()); 
}); 

它打印1418.它沒有任何填充/邊距。爲什麼？我該如何解決它？

Answer 1

這是因爲在domready中的一些圖像不完全加載。你應該在窗口加載時調用高度。

$(window).load(function(){ 
    console.log($('#container-altezza-fisso').height()); 
}) 

您還可以使用outerHeight：

獲取當前計算的高度在匹配的元素集合，包括填充，邊框和可選保證金的第一要素。返回值的整數（不帶「px」）表示形式，如果在空的元素集上調用，則返回null。

console.log($('#container-altezza-fisso').outerHeight()); 

Answer 2

使用outerHeight()以獲得填充高度。 使用outerHeight(true)以獲得填充+邊距的高度。

Here's a link to the documentation.

Answer 3

.height()將讓你的元素的高度，.outerHeight()將返回的高度包括填充，邊距和邊框。