关于scrollWidth,clientWidth,offsetWidth

scrollWidth:对象的实际内容的宽度，不包含边线（border）的宽度，会随对象的内容可视区后而变大。

scrollHeight:对象的实际内容的高度，不包含边线（border）的宽度，会随对象的内容可视区后而变大。

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。（可以理解对象吃掉的那块内容距离）

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。

clientWidth:对象的可视区（看的见）的宽度，不包含边线，及滚动条边线等宽度，会随对象的显示大小变化而变化。

offsetWidth:对象的整体实际宽度，包含边线，及滚动条边线等宽度，会随对象的显示大小变化而变化。

offsetHeight:对象的整体实际高度，包含边线，及滚动条边线等宽度，会随对象的显示大小变化而变化。

offsetTop:对象相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置。

offsetLeft:对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。