jquery - 为什么 jquery .height() 在 chrome 上得到不同的结果？

Question

这是 chrome 如何显示 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)填充+边距获取高度。

这是文档的链接。

Answer 3

.height()将为您获取元素的高度，.outerHeight()将返回包括填充、边距和边框的高度。