<!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>
