获取元素计算定位

<div class="outer">
    <div class="inner">
      asdflj
      <span>asdfljasl</span>
    </div>
  </div>

  <script src="js/tools.js"></script>
  <script>
    // 获取元素的计算定位
    console.log($('.inner').offsetTop) // 离父元素的距离
    console.log($('.inner').offsetLeft) // 离父元素左边的距离

    console.log('外层：', $('.outer').offsetTop)
    console.log('外层：', $('.outer').offsetLeft)
    大盒子离窗口的距离

    获取元素尺寸(css) getcomputedstyle(dom).属性
	内容宽:window.getComputedStyle(dom).属性
	内容宽+padding:dom.clientWidth
	内容宽+padding+border:dom.offsetWidth

	从光标到事件源:e.offsetX
	从光标到浏览器窗口:e.clientX
	从光标到文档 client的基础上加滚动条:e.pageX