HTML 中對client、offset、scroll的認識

導讀：
　　2008年02月19日 13:05:23
　　　　在html中，任何一個元素都有三個表示位置和大小的對象：client,offset和scroll，每個對象都有相應的height，width,top,left屬性，那麼這些究竟有什麼區別呢？
　　client屬性是指一個元素是這樣的概念：不包括滾動條佔據的空間（實際上，如果出現了滾動條，元素的高度不會發生變化，clientHeight則會自動減少滾動條需要佔據的17個像素的高度），不包括滾動條隱藏的區域、不包括邊(border）。因此，clientHeight就是這個區域的高度，而clientTop實際上就是border的高度；
　　offset屬性是指一個元素是這樣的概念：不包括滾動條隱藏的區域、包括邊(border）的寬度。因此，offsetHeight就是這個區域的高度，而clientTop實際上是這個區域到它的父容器的距離；
　　scroll高度和元素的邊框沒有關係，它是實際上元素的高度，因此，如果出現了滾動條，scrollHeight可能會大於offset或client的高度。scrollTop則是元素的實際的頂部和可見的頂部這件的距離。

本文轉自
http://blog.ccidnet.com/blog-htm-do-showone-uid-77419-type-blog-itemid-249202.html