获取元素与其父元素的相对位置

Question

如何获取元素相对于其父元素的位置？

假设我们有一个名为“clone”的图像对象，并且有一个 div 作为其父对象：

var parent = clone.parent().offset();
var pos = clone.offset();

如果我将图像拖动到 div 的左上角，我将得到几乎相同的值。但是如果我这样做呢：

var top = pos.top - parent.top;
var left = pos.left - parent.left;

它会给我图像与其父级的相对位置，对吗？但是如果我必须存储这些值并在不同的浏览器大小上显示它们会发生什么？ 答案很简单，它们不会显示在 div 内，因为位置可能会改变。

经过这个小小的解释，我的问题是： 有没有办法避免这种问题，直接取其父级的相对位置？

这是我正在使用的实际代码，因此您可以看一下，并尝试弄清楚如何使其正常工作！ http://dpaste.com/3M1MGQW

Answer 1

你有没有设置位置：相对；到父级，所以位置是相对于它的？

好吧，除了静态之外的任何定位都可以，但是相对不指定顶部和左侧可能是最轻松的