javascript獲得元素的尺寸和位置二 : clientWidth/Height、scrollWidth/Height、scrollTop/Left

1、clientWidth  clientHeight  元素的可視部分的寬度和高度（也就是CSS的width加padding）。它們不把邊框和捲軸計算在內，也不包括任何可能的滾動。  若CSS中沒有指定元素的高度和寬度(即自適應)，則IE中顯示0，而非IE瀏覽器則顯示實際的值2、 offsetWidth  offsetHeight  元素在頁面中佔據的寬度和高度的總計。它們和前一對屬性的區別在於它們把元素的邊框和捲軸計算在內。  若CSS中沒有指定元素的高度和寬度(即自適應)，所有瀏覽器都會顯示實際的值包括width + padding + border3、 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屬性給出元素已經滾動的距離（像素值）。當你設定這些屬性的時候，頁面滾動到新的座標。5、  圖