查看元素的几何尺寸

<div style="width:100px;height:100px;background-color:red;position:absolute;left:100px;top:100px;"></div>

<script type="text/javascript">

查看元素的几何尺寸（ES5的新方法，了解即可）

domEle.getBoudingClientRect();--兼容性好

该方法返回一个对象，对象里面有left,top,right,bottom等属性。left和top代表该元素左上角的X和Y坐标，right和bottom代表元素右下角的X和Y坐标

height和width属性老版本IE并未实现

返回结果不是实时的

        var div = document.getElementsByTagName("div")[0];
        var box = div.getBoundingClientRect();
        div.style.width = "200px";
        div.style.top="200px";

有0.000,,的误差 改变其中的top和width以后，bottom=200px+正方形本身的100px = 300px