摘要：例如我想知道写文章的这个页面中定时发布的按钮的尺寸和位置获取宽度，高度的另一种方式对于内联元素调用，返回的是边界矩形，因为内联元素可能跨了多行，所以可能是由多个矩形组成的。对于分为两行的内联元素，边界矩形就包含了两行的宽度。
这两天在写瀑布流的实现，使用了一些关于获取文档坐标、元素位置的函数，刚好看到犀牛书上关于这部分的介绍，特写此文章进行总结，方便日后查找使用。
文档坐标和视口坐标元素的位置X，Y坐标是相对于文档的左上角或视口的左上角。向右表示X增加，向下表示Y增加，以像素来度量。
首先需要明确的是，文档坐标不等于视口坐标。“视口”只是实际显示文档内容的浏览器的一部分，不包括浏览器的菜单、工具条、标签页等“外壳部分”。对于框架页中显示的文档，视口是指定义了框架也的