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

      在前端开发中经常会遇到要为div设置高度，或是获取div高度。

      获取div的高度 

       1）height

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

       height指的是元素本身的高度，不包括padding、border、margin，如下图所示：

      

     2）innerHeight

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

         

   3）outerHeight

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