1.clientLeft和clientTop
返回的是内容区域的左上角相对于整个元素左上角的位置（包括边框）
2.clientWidth和clientHeight
表示内容区域的高度和宽度，包括padding大小，但是不包括边框和滚动条
3.offsetLeft和offsetTop
offsetLeft和offsetTop表示相对于最近的祖先定位元素（CSS position 属性被设置为 relative、absolute 或 fixed 的元素）的左右偏移值
4.offsetParent
第一个祖定位元素（即用来计算上面的offsetLeft和offsetTop的元素）
offsetParent元素只可能是下面这几种情况：
<body>- position不是static的元素
- body元素为定位元素的终极boss，所以其上头就没有其他定位元素了。也就是说body元素没有offsetParent
5. offsetWidth和offsetHeight
整个元素的尺寸（包括边框）
6.scrollLeft和scrollTop
scrollLeft和scrollTop表示元素滚动的像素大小。可读可写。这个玩意貌似我们用得比较多
7.scrollWidth和scrollHeight
表示整个内容区域的宽高，包括隐藏的部分。如果元素没有隐藏的部分，则相关的值应该等用于clientWidth和clientHeight。当你向下滚动滚动条的时候，scrollHeight应该等用于scrollTop + clientHeight
相关文章：