【发布时间】：2016-08-05 15:45:24
【问题描述】：
我正在尝试理解 jQuery 的 position() 函数。文档指出这会返回元素相对于其父元素的位置：
描述：获取匹配元素集合中第一个元素的当前坐标，相对于偏移父元素。
所以，当我在父 div 内的第一个 div 上调用 position() 时，我希望得到 0,0。 相反，我得到了父级的绝对位置。这怎么可能？ 以及如何获取第一个 div 在另一个 div 中的相对位置？
我的代码：
<div id="icons">
<div class="icon" id="icon0"></div>
<div class="icon" id="icon1"></div>
<div class="icon" id="icon2"></div>
</div>
现在我需要第一个图标的相对位置：
console.log("icon 0 position: " + $("#icon0").position().left + " " + $("#icon0").position().top);
这将返回“#icons”div 的位置，而不是 0,0。
【问题讨论】：
-
这个的 css 是什么？
-
将#icons
position设置为relative或absolute。小提琴：jsfiddle.net/PVM2a/1 -
请为您的元素添加 css，因为如果父元素绝对定位，则结果为 0,0 jsfiddle.net/PVM2a/2 如果您不提供 css 或设置 a，我们无法确定问题出在哪里小提琴或你自己的
-
As the documentation says,
.position()返回相对于最近的absolute（或fixed，或任何非相对）父元素的位置：jsfiddle.net/A5Byv 附加您的css，以便我们可以看看这是否确实是意外行为。 -
文档说“偏移父” - 没有清楚地解释什么是偏移父 - 因此造成混淆。谢谢！它现在正在工作。
标签： javascript jquery