总结各种width，height，top，left

1、offsetWidth

内容+内边距（padding）+边框（border）

 

2、offsetHeight

内容+内边距（padding）+边框（border）

 

3、offsetLeft

获取对象相对于有定位父对象(没有的话默认body)的左边距

 

4、offsetTop

获取对象相对于有定位父对象(没有的话默认body)的上边距

 

5、scrollTop

常用：document.body.scrollTop    浏览器卷去的高

 

6、clientHeight

常用：document.body.clientHeight  浏览器可视窗口的高

 

7、clientWidth

常用：document.body.clientWidth   浏览器可视窗口的宽