offset
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了offset相关的知识，希望对你有一定的参考价值。
offsetWidth 获取元素的宽度
offsetWidth ＝ width + border + padding
offsetHeight 获取元素的高度
offsetLeft offsetTop 返回距离上级盒子(最近的带有定位)左边或上边的位置，如果父级没有定位则以body为准 ，这里的父级指的是所有上一级。从父级的padding开始算，父亲的border 不算。总结一下：就是子盒子到定位的父盒子边框到边框的距离。
offsetParent 返回对象带有定位的父级，不一定是直接上一层级，与parentNode在这点上有所区别。如果当前元素的父级元素没有进行CSS定位（position为absolute或relative），offsetParent为body。如果当前元素的父级元素中有CSS定位（position为absolute或relative），offsetParent取最近的那个父级元素。
以上是关于offset的主要内容，如果未能解决你的问题，请参考以下文章