【CSS】width 、clientWidth、scrollWidth、offsetWidth
先说 宽度 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