【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。