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