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

铬就是这样显示div的宽度和高度的：



正确，实际上高度是1466。但是，如果我这样做：

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

它打印1418。它没有任何填充/边距。为什么？我该如何解决？

最佳答案

这是因为在DOMReady上，某些图像未完全加载。您应该在窗口加载时调用高度。

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

您也可以使用outerHeight：


  获取匹配元素集合中第一个元素的当前计算高度，包括填充，边框和可选边距。返回值的整数表示形式（无“ px”）；如果在一组空元素上调用，则返回null。

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