tại sao jquery .height() nhận được kết quả khác trên chrome?

Question

Đây là cách Chrome hiển thị chiều rộng và chiều cao của div:

đó là chính xác, trên thực tế chiều cao là 1466. Nhưng, nếu tôi làm điều này:

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

nó in 1418. Nó không có bất kỳ padding/margin. Tại sao? Và làm thế nào tôi có thể sửa nó?

Answer 1

Đó là vì DOMReady một số hình ảnh không được tải hoàn toàn. Bạn nên gọi chiều cao khi tải cửa sổ.

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

Bạn cũng có thể sử dụng outerHeight:

Lấy chiều cao tính toán hiện hành đối với phần tử đầu tiên trong tập hợp các yếu tố phù hợp, bao gồm cả đệm, biên giới, và lợi nhuận tùy chọn. Trả về một số nguyên (không có "px") đại diện của giá trị hoặc null nếu được gọi trên một tập hợp các phần tử rỗng.

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

Answer 2

Sử dụng outerHeight() để nhận được chiều cao với phần đệm. Sử dụng outerHeight(true) để có được chiều cao với phần đệm + lề.

Here's a link to the documentation.

Answer 3

.height() sẽ giúp bạn có được chiều cao của phần tử, .outerHeight() sẽ trở lại đỉnh cao bao gồm cả đệm, lề và biên giới.