jQuery .height（）或outterheight（）返回大于实际元素高度的值

Question

我试图遍历所有具有类svg_hover的元素并获取它们的高度。然而，它似乎给了我不可能的高度，例如，如果你看图像，这个元素的正确高度是305，但是它给了我327.而且偶尔它会让我更糟糕600年代的数字。

这是我的代码。

var el = $('.svg_hover')

  $(document).ready( ()=> {

    el.each(function ( idx ) {
      let e = $(this),
          content_height = e.outerHeight();

      console.log(e, content_height);

    })
  })

Answer 1

尝试在$（窗口）.load（）中调用outerHeight而不是$（document）.ready（）作为$（window）.load（）等待所有元素（如图像）在计算之前加载高度不同于$（document）.ready（）可能过早计算它

Answer 2

当你拿着outerHeight()时，你也得到了填充和边框（outerHight(true)也获得了边距 ），检查元素的填充并重置它padding:0px

http://api.jquery.com/outerHeight/