JS中的位置和宽度：clientWidth、offsetWidth、scrollWidth，clientTop和clientLeft等区别

通过js中的方法也可以实现给页面元素设置查看宽高

clientWidth:是客户宽度（client是客户的意思），当元素有滚动条时，clientWidth=width+padding-滚动条宽度，无滚动条时，clientWidth=width+padding；
clientLeft：相对于元素父元素左边的距离
clientTop：相对元素父元素顶部的距离

offsetWidth：偏移宽度，offsetWidth=width+padding+border
offsetLeft：相对于页面左边的距离
offsetTop：相对于页面顶部的距离

scrollWidth：滚动宽度，实际宽度为多少就是多少
scrollLeft：滚动条距离元素左边的距离
scrollTop：滚动条激励顶部的距离