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

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

假设我们有一个名为"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