我是靠谱客的博主 俏皮大树,最近开发中收集的这篇文章主要介绍关于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,如下图所示。

      





     

最后

以上就是俏皮大树为你收集整理的关于html中的height、innerHeight、outerHeight区别的全部内容,希望文章能够帮你解决关于html中的height、innerHeight、outerHeight区别所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(39)

评论列表共有 0 条评论

立即
投稿
返回
顶部