<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="box">box</div> <script src="http://static01.baomihua.com/js/lib/jquery-1.4.4.min.js?t=20120926.js"></script> <script> /* * position() 计算相对于偏移父元素—更通俗一点,含有 position: relative; 的元素最近的父元素或祖先元素—的位置。如果未找到这样的父元素或祖先元素,那么会计算相对于文档的位置 * offset() 则总是计算相对于文档的位置 */ console.log($('#box').offset()) </script> <style> #box { width: 100px; height: 100px; background-color: #F00; position: absolute; top: 100px; left: 100px; } </style> <script> console.log($('#box').offset()) // 希望的样式生效再去获取 </script> </body> </html>