offsetHeight|offsetHeight,clientTop.....

offsetleft:元素的边框的外边缘距离与已定位的父容器(offsetparent)的左边距离(不包括元素的边框和父容器的边框)。
offsettop:选中的元素到父元素的距离,包括父元素的边框
offsetwidth:描述元素外尺寸宽度,是指 元素内容宽度+内边距宽度(左右两个)+边框(左右两个),不包括外边距和滚动条部分。
offsetheight:同理 描述元素外尺寸高度,是指 元素内容高度+内边距高度(上下两个)+边框(上下两个),不包括外边距和滚动条部分。
clientleft:左边框
clienttop:上边框
clientwidth:选中元素的宽度,不包括边框
clientheight:选中元素的高度,不包括边框
scrollwidth:内容区域尺寸加上内边距加上溢出尺寸,当内容正好和内容区域匹配没有溢出时,这些属性与clientWidth和clientHeight相等
scrollheight:同上
scrolltop:滚动条上方卷去的高度
【offsetHeight|offsetHeight,clientTop.....】scrollleft:滚动条左边卷去的宽度

  • off开头的包括边框 client开头的不包括边框
  • 如果父元素有relative 就是相对于父元素 ,一层一层往上,如果都没有,就是该元素离body的距离了

    推荐阅读