1、clientWidth clientHeight
元素的可視部分的寬度和高度（也就是CSS的width加padding）。它們不把邊框和滾動條計算在內，也不包括任何可能的滾動。
若CSS中沒有指定元素的高度和寬度(即自適應)，則IE中顯示0，而非IE瀏覽器則顯示實際的值
2、 offsetWidth offsetHeight
元素在頁面中佔據的寬度和高度的總計。它們和前一對屬性的區別在於它們把元素的邊框和滾動條計算在內。
若CSS中沒有指定元素的高度和寬度(即自適應)，所有瀏覽器都會顯示實際的值包括width + padding + border
3、 scrollWidth scrollHeight
給出設置了overflow:visible的元素總的寬度和高度。如果這個寬度和高度大於clientWidth和clientHeight，該元素就需要滾動條。
width + padding + border
overflow:hidden/scroll 時 ，所有瀏覽器都會返回該元素的全部顯示時的值
overflow:visible 時，google chrome、Safari、IE會顯示元素全部顯示時的值，而FF、Opera會顯示應當顯示的區域的值
該屬性有很多的Bug，所以在具體應用時，用處很少。
4、 scrollTop 和 scrollLeft
scrollTop和scrollLeft屬性給出元素已經滾動的距離（像素值）。當你設置這些屬性的時候，頁面滾動到新的座標。
