记录关于元素大小和各种偏移量的区分

1.偏移量大小：

offsetParent :

(1)元素设置absolute,relative的情况话，offsetParent指的就是父级节点
(2)默认文档流或者float的情况下，offsetParent 是html；

得到一个相对精准值的办法：

 function f(elem){
   var totalLeft=elem.offsetLeft,
   cur=elem.offsetParent;
   while(cur!==null){
   cur=cur.offsetLeft;
   totalLeft+=cur.offsetLeft;
   };
   return totalLeft;
   };
   

2.客户区大小：
3.滚动的大小:(指的是包含滚动内容的元素的大小）
scrollLeft，scrollTop：被隐藏的区域的尺寸

scrollHeight，scroll Width:滚动元素可视区域的尺寸+被隐藏的区域的尺寸

4.确定元素大小：

getBoundingClientRect()方法：返回一个矩形对象，包含四个属性：left,top,right,bottom.(表示元素相对于视口的位置）

本文参考自javascript 高级程序设计