offset系列（看父元素有沒有定位）

       1.父元素：沒有脫離文件流

           offsetTop 、offsetLeft：對齊瀏覽器，自身最邊緣（邊框）到客戶區最左/最上端的距離

       2.父元素：脫離文件流

           offsetTop 、offsetLeft：對齊父元素，自身最邊緣（邊框）到父級最左/最上端的距離

           offsetWidth、offsetHeight（元素實際寬高）與自身的border、padding、width/height有關，與父元素無關（就是邊框到邊框的距離）

       client系列

       clientWidth、clientHeight（元素可視區域）：與padding、content有關   （如果文字超出了盒子，得到的值不會加上超出的距離）。

       clientLeft、clientTop：border的寬度

       scroll系列

       scrollTop：向上捲曲出去的距離

       scrollHeight：如果內容沒有超出盒子，就等於是clientHeight；如果超出了，等於文字高度

補充：

       event.clientX、ecent.clientY：滑鼠相對於可視視窗的X、Y座標

       event.screenX、event.screenY：滑鼠相對於使用者裝置的X、Y座標

       event.offsetX、 event.offsetY：滑鼠相對於事件源的X、Y座標（只有IE支援）

       event.pageX、event.pageY：滑鼠相對於頁面的X、Y座標（加上了捲曲出去的距離）（IE不支援）