1、offset
element.offsetLeft:是element到带有定位的父元素左边的距离（如果父元素没有定位就以body为标准）
element.offsetTop:是element到带有定位的父元素上边的距离（如果父元素没有定位就以body为标准）
element.offsetWidth:是element宽度（包含padding、border，不包含margin）
element.offsetHeight:是element高度（包含padding、border，不包含margin）
2、client
element.clientLeft:是element左边框的宽度
element.clientTop:是element上边框的宽度
element.clientWidth:是element宽度（包含padding，不包含margin、border）
element.clientHeight:是element高度（包含padding，不包含margin、border）
3、scroll
element.scrollLeft:element内容超过元素大小的左边距离
element.scrollTop:element内容超过元素大小的上边距离
element.scrollWidth:是element可视宽度（包含padding，不包含margin、border）
element.scrollHeight:是element可视高度（包含padding，不包含margin、border）
例如：