相思资源网 Design By www.200059.com
![JavaScript中的一些定位属性[图解]](/UploadFiles/2021-04-02/20100714232932135.jpg)
有这张图就够了，简单地说明一下
以Height为例，Width同理：
div.clientHeight：可见窗口除去了margin+border之后的长度。
div.offsetHeight：在div.clientHeight的基础上加了border和滚动条的长度。
div.scrollHeight：就是元素内容的实际高度。
以Top为例，Left同理：
div.clientTop：margin之后padding之前的长度值。
div.offsetTop：该元素的上border的上边缘 到 该元素的offsetParent的上border内边缘的垂直距离。
div.scrollTop：对象的最顶部到对象在当前窗口显示的范围内的顶边的距离，即是在出现了纵向滚动条的情况下，滚动条拉动的距离。
关于offsetParent，不同的浏览器有不同的实现算法，有一种常见布局在各种浏览器中 offsetParent 是一样的，那就是：外层元素 div 的 position 计算值是 relative、absolute 时，内层元素 div 的 offsetParent 总是外层元素 div。
标签：
定位属性
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无JavaScript中的一些定位属性[图解]的评论...