jQuery UI可拖动/可调整大小 - 与左上角对齐

Question

有没有办法将jQuery UI Draggable / Resizable转换为使用其他对齐而不是从左上角，例如右下角，这样它就不会与除左上角以外对齐的DOM对象冲突？

所以我可以使用CSS属性，例如右侧或底部，而不是左侧或顶部。

我有一个演示并给出结果＆＃39; auto＆＃39;从最初设置为右侧为10px且左侧未指定的CSS右侧位置。

在Firefox中，它提供计算的像素，而Chrome和Internet Explorer则提供自动结果。

当结果为＆＃39; auto＆＃39;？

时，是否有更简单的方法来计算像素值

https://jsfiddle.net/zerolfc/53apo8z7/

<div class="drag"></div>

.drag {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 100px;
    height: 100px;
    background-color: blue;
}

$('.drag').draggable({
    stop: function(e,ui){
        console.log( 'Right position: '+$('.drag').css('right') );
    }
});