还搞不清clientWidth，offsetWidth等位置属性？？不存在的

clientWidth

offsetWidth

clientLeft

offsetLeft

clientX

offsetX

pageX

screenX

1.clientWidth:元素内部宽度=width+padding

2.offsetWidth:元素内部宽度=width+padding+border+scroll

3.clientLeft:元素左边框的宽度（bordleft）

4.offsetLeft：元素左边框与定位父级元素的距离

//注意：父元素需要有定位，就是position需要有值

//父元素没有定位，会继续向上寻找带有定位的元素

5.clientX：鼠标相对于浏览器窗口可视区的X坐标

6.offsetX：鼠标相对于事件源元素的X坐标

7.pageX：鼠标相对于文档的X坐标，计算横向滚动距离

8.screenX：鼠标相对于显示器屏幕左侧位置的X坐标（移动/缩放浏览器窗口可视区能看出效果）