先说 宽度 clientWidth、scrollWidth、offsetWidth参见 http://www.w3school.com.cn/jsref/dom_obj_all.asp
clientWidth：可见宽度，包括元素的内容区，就是最里面那部分，包括padding，不包括magin，不包括border，不包括滑动条； 备注：background-color包括元素的内容区、padding、border，也就是比clientWidth涉及区域多了一个border。
scrollWidth：可以滚动的clientWidth；
offsetWidth：不包括magin，其他都包括； 注：这里offsetWidth包括滚动条的宽度，但是和scrollWidth不太一样，scrollWidth的是实际内容的宽度，就是将滑块滑动走过的宽度；而offsetWidth包括滚动条的宽度，不是滚动区域。
width：就是你style给的width，不过有一个奇怪的地方，当打印style.width的时候，只对内联样式，且必须写成style = "width:某某px"的有用，能打印出来，其他的打印出来的都是空字符串。不知为何，好奇怪。
至于高度，和宽度一样的啦，对号入座就ok。
来源：oschina
链接：https://my.oschina.net/u/1165741/blog/648769