关于html中的height、innerHeight、outerHeight区别

    用图片的形式，区别height、innerHeight、outerHeight之间的细微区别

1）height

   document.getElementById("xxxid").height();

   或是用jquery写法：$("#xxxid").height();<strong>

 </strong>

2）innerHeight
          包括元素自身的高度+padding部分，如图所示：

         
   3）outerHeight
        高度为：元素自身高度 + padding + border ；如果参数为true时，高度为：元素自身高度 + padding + border +margin，如下图所示。