最近在学习jQuery中的height()、innerHeight()、outerHeight()几个函数是，对于他们的却产生了疑问，在搜索的过程中，中文博客大多介绍的比较详细，随后我发现了一个英文博客制作了比较直观的对比图，文章虽然发表于2013年，但是好像至今没有人搬运。
其实这几项的区别主要在于padding、border和margin，总结了一个表格如下：
| padding | border | margin | |
|---|---|---|---|
| height | × | × | × |
| innerHeight | √ | × | × |
| outerHeight | √ | √ | × |
| outerHeight(ture) | √ | √ | √ |
！注意，同样适用于width, innerWidth和outerWidth。
附上原文链接jQuery: What’s the difference between height, innerHeight and outerHeight?
原文作者 Tim Bennett
