一直使用height()，遇到有padding的，就想查下有没有完整的显示高度的，结果还真有，总结如下：
.height()
-获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。
-.css('height') 和 .height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用.height() 方法 。
-这个方法同样能计算出window和document的高度。
$(window).height(); // returns height of browser viewport
$(document).height(); // returns height of HTML document
注意：在绝对定位和给定display:block时，虽然style和script标签用.width() 或 height()也将报告一个值，强烈建议不要在这些标签中调用这些方法。这是一种不好的做法，结果也证明是不可靠的。
.innerHeight()
-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。
-这个方法返回元素的高度，包括顶部和底部的padding，单位是像素。
-这个方法不适用于window and document对象，可以使用.height()代替。
.outerHeight()
-获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。
-.outerHeight( [includeMargin ] )：include是一个布尔值，表明是否在计算时包含元素的margin值。
-这个方法不适用于window 和 document对象，可以使用.height()代替。
全文转自：https://blog.csdn.net/lyc_2011_acm/article/details/8869369
如您从本文得到了有价值的信息或帮助，请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用，捐赠和留言 将是对我最好的支持~（捐赠可转为站内积分）
如愿意，请向朋友推荐本站，谢谢。
尊重他人劳动成果。转载请务必附上原文链接，我将感激不尽。
留言