DOM 之 offsetLeft offsetTop, scrollTop, scrollLeft, clientX, clientY

offsetLeft: 到offsetParent的左内边框的距离
对于IE8+，chrome，Firefox: （现代浏览器）
如果父元素设置了position定位，即父级是定位父级，那么offsetLeft就是到定位父级的左内边框的距离
如果父元素不是定位父级，那么offsetParent是到html的距离，而不是到body的距离。
值得注意的是：body有个8像素的外边距，一般情况下， 会重置body的margin为0，那么就可以不考虑offsetLeft值是到body还是html了


IE7下
    如果当前元素有定位且父级有定位，那么offsetLeft是到定位父级的左内边框的距离

    如果当前元素没有定位，无论父级有无定位，offsetLeft都是到body的距离

offsetTop类似

scrollTop | scrollLeft 滚动距离

滚动元素的顶部到它的可视区域顶部的距离，或者说是滚出可视区域的距离

如果一个元素不能滚动或者滚动距离是负值，则scrollTop 为0；

如果一个元素超出了容器的最大可滚动值，那么scrollTop为最大值。