jQuery中height、innerHeight、outerHeight之间的异同

最近在学习jQuery中的height()、innerHeight()、outerHeight()几个函数是，对于他们的却产生了疑问，在搜索的过程中，中文博客大多介绍的比较详细，随后我发现了一个英文博客制作了比较直观的对比图，文章虽然发表于2013年，但是好像至今没有人搬运。

其实这几项的区别主要在于padding、border和margin，总结了一个表格如下：

！注意，同样适用于width, innerWidth和outerWidth。

附上原文链接jQuery: What’s the difference between height, innerHeight and outerHeight?
原文作者 Tim Bennett