JS offset系列 scroll系列 client系列

offset系列：

1. offsetWidth:獲取元素的寬
   offsetWidth=(border-width)*2+(padding-left)+(width)+(padding-right)
2. offsetHeight:獲取元素的高
   offsetHeight=(border-width)*2+(padding-top)+(height)+(padding-bottom)
3. offsetLeft:獲取元素距離左邊位置的值
4. offsetTop:獲取元素距離上面位置的值
   備註：offsetLeft和offsetTop：
   沒有脫離文檔流時： 父級元素margin+父級元素padding+父級元素的 border+自己的margin
   脫離文檔流時： 主要是自己的 left/top 和自己的margin
5. offsetParent:屬性返回父級對象的引用，這個對象是距離調用offsetParent的元素最近的（在包含層次中最靠近的），並且是已進行過CSS定位的容器元素。即
   如果當前元素的父級元素沒有進行CSS定位（position爲absolute或relative），offsetParent爲body，如果當前元素的父級元素中有CSS定位（position爲absolute或relative），offsetParent取最近的那個父級元素；
   如果當前元素的父級元素沒有進行CSS定位（position爲absolute或relative），offsetParent爲body；如果當前元素的父級元素中有CSS定位（position爲absolute或relative），offsetParent取最近的那個父級元素。

scroll系列：

1. scrollWidth：元素中內容的實際的寬(沒有邊框),如果沒有內容就是元素的寬
2. scrollHeight：元素中內容的實際的高(沒有邊框),如果沒有內容就是元素的高
3. scrollTop： 向上捲曲出去的距離
4. scrollLeft：向左捲曲出去的距離

client系列：

1. clientWidth:可視區域的寬(沒有邊框),邊框內部的寬度

2. clientHeight:可視區域的高(沒有邊框),邊框內部的高度

3. clientLeft:左邊邊框的寬度

4. clientTop :上面的邊框的寬度