定位

• offsetParent: 距离当前元素最近的经过定位的父级元素。如果都没有定位，就找到body为止。

  如果元素自身是Fixed定位，则offsetParent为NULL

  body元素的offsetParent是NULL

• offsetTop: 上边框距离offsetParent的上边框的距离

  offsetLeft: 左边框距离offsetParent的左边框的距离

  offsetHeight: border + padding + height

  offsetWidth: brder + padding + width

不能通过设置offsetWdith和offsetHeight的方式修改元素大小。它们是只读的。只能通过ele.style.width和ele.style.height来修改元素大小。

clientWidth, clientHeight, 指的是 内容 + padding, 不包含border和margin

clientTop上边框的border宽度, clientLeft左边框的border宽度

docuement.documentElement.clientWidth:页面宽度

document.documentElement.clientHeight: 页面高度

所有的client属性都是只读的，不能设置

如果设置display:none, 则所有client属性都为0

scrollHeight: 元素的总高度，包括由于溢出而不可见的部分。如果没有滚动条，跟clientHeight一样。

scrollWidth: 元素的总宽度，包括由于溢出而不可见的部分。如果没有滚动条，跟clientWidth一样。

scrollTop： 元素出现垂直滚动条后，被卷起的高度。

scrollLeft: 元素出现水平滚动条后，被卷起的宽度。

当滚动到底部的时候，符合一下公式：scrollHeight = clientHeight + scrollTop

scrollTop/scrollLeft是可以设置的。