浏览器位置宽高三大系列

 offset系列:
 (父级元素margin+父级元素padding+父级元素border+自己的margin)
 offsetLeft:元素距离左边位置的值
 offsetTop:元素距离上面位置的值
  
 元素自身的宽度:content+padding+border
 offsetWidth:获取元素的宽度(有边框)
 offsetHeight:获取元素的高度(有边框)

 scroll系列:卷曲
  scrollLeft:元素向左卷曲出去的距离
  scrollTop:元素向上卷曲出去的距离
  scrollWidth:元素中内容的实际的宽度,如果没有内容,或者内容很少,元素的宽度
  scrollHeight:元素中内容的实际的高度,如果没有内容,或者内容很少,元素的高度


  client系列:
  clientWidth:元素可视区域的宽度,没有边框
  clientHeight:元素可视区域的高度,没有边框
 clientLeft:元素左边框的宽度
 clientTop:元素上边框的宽度
 clientX:可视区域的横坐标（事件例如鼠标位置可以用到）
 clientY:可视区域的纵坐标

js不能直接获取到写在css里面的属性值
当然内嵌式的可以读取到，但是内嵌式一般不这么写
所以js要获取到元素的宽高位置要靠上面三大系列来实现