js中位置和宽高 offset、client、scroll

• offset家族
  offsetWidth：自身宽度 = width+padding+border（没有单位）
  offsetHeight：自身高度
  offsetLeft：当前元素左边的外边缘 距离 定位父级左边内边缘 的距离（最近的设置定位属性的父级，如果都没有，则是距离body）
  offsetTop：顶部

• client家族
  clientWidth：内容宽度 = width+padding（没有单位）
  clientHeight：内容高度
  clientLeft：当前元素的border.left
  clientTop：当前元素的border.top

• scroll家族
  scrollWidth：当前元素的真实宽度（可视区域 + 隐藏区域）
  scrollHeight：真实高度
  scrollLeft：内容层左侧 到 可视区域左侧的距离
  scrollTop：顶部