# .position()

所属分类：CSS | 偏移 | DOM 操作 > CSS 属性 英文文档：.position()

## .position()返回: Object

描述: 获取匹配元素中第一个元素的当前坐标，相对于offset parent的坐标。( 译者注：offset parent指离该元素最近的而且被定位过的祖先元素 )

- #### 添加的版本: 1.2.position()

  - 这个方法不接受任何参数。

`.position()`方法可以取得元素相对于父元素的偏移位置。与`.offset()`不同, `.offset()`是获得该元素相对于documet的当前坐标 当把一个新元素放在同一个容器里面另一个元素附近时，用`.position()`更好用。

`.position()`返回一个包含 `top` 和 `left`属性的对象.

> 注意：jQuery不支持获取隐藏元素的偏移坐标及所占用的边框，边距和填充的大小

## 例子:

#### 获取第一个段落的坐标位置：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
    <!DOCTYPE html><html><head>  <style>   div { padding: 15px;}  p { margin-left:10px; }  </style>  <script src="https://code.jquery.com/jquery-latest.js"></script></head><body> <div>  <p>Hello</p></div><p></p> <script>var p = $("p:first");var position = p.position();$("p:last").text( "left: " + position.left + ", top: " + position.top );</script> </body></html>

#### Demo: