查看元素几何尺寸

div.getBoundingClientRect();
//返回ClientRect{
     bottom:    ;   //left和top代表该元素左上角的X和Y坐标，right和bottom代表该元素右下角的X和Y坐标，返回的结果不实时
     height:    ;
    left:    ;
     right:    ;
     top:    ;
     width:    ;
     
}

div.offsetWidth/Height      //包含border和padding
div.offsetLeft/Top       //不管自身是不是定位元素，相对有定位的父级的位置
div.offsetParent     //最近有定位的父级