DOM元素的各种尺寸offsetHeight/Width,clientHeight/clientWidth,offsetLeft/Top,

1、#box{height: 300px;width: 300px;background:red;margin: 100px 200px;border: 100px solid #000;padding: 100px;/margin: 0;/position: absolute;}
2、offsetHeight/Width:是指元素的实际宽高，即content的宽高 + padding值 + border。
3、clientHeight/Width:不含border（边框），即content的宽高 + padding值。
4、offsetLeft/Top：是指元素距离具有定位属性的父级元素的左侧距离或者顶部距离。
5、clientX/Y:是指鼠标相对于当前的窗口的x坐标/y坐标。
6、scrollHeight/Width是元素相对与父元素的滚动的高度/宽度。
7、scrollLeft/Top:是获取对象的最左边相对于窗口中课件内容的最左端/顶部的距离