Javascript jQuery asortable：流动绝对定位元素

我有3个div绝对定位（它必须是）当他们排序它重叠到每个order如何修复它，我会补充说，绝对位置必须是

当我想更换最大的div时，从小到小是个小问题

请检查：

我的js文件：

$('.wrapper').asortable({
    placeholder: 'ui-state-highlight',
    forceHelperSize: true,
    start: function( event, ui ) {
            console.log('start: ');
            console.log(ui);
        },
        stop: function( event, ui ) {
            console.log('stop: ');
            console.log(ui);
        },
        create: function( event, ui ) {
            console.log('create: ');
            console.log(ui);
        },
        change: function( event, ui ) {
            console.log('change: ');
            console.log(ui);
        },
        receive: function(event, ui) {
            console.log('receive: ');
            console.log(ui);
        },
        update: function( event, ui ){
            console.log('sort: ');
            console.log(ui);
        },

});

我的html文件：

<div class="wrapper">
        <div class="item" style="width: 100px; height: 150px; left:10px">
            <div class="item-content">
              <!-- Safe zone, enter your custom markup -->
              This can be anything1.
              <!-- Safe zone ends -->
            </div>
        </div>
        <div class="item" style="width: 100px; height: 100px; left:120px">
            <div class="item-content">
              <!-- Safe zone, enter your custom markup -->
              This can be anythin2.
              <!-- Safe zone ends -->
            </div>
        </div>
        <div class="item" style="width: 200px; height: 200px; left:10px; top: 160px">
            <div class="item-content">
              <!-- Safe zone, enter your custom markup -->
              This can be anything3.
              <!-- Safe zone ends -->
            </div>
        </div>

    </div>

这可以是任何东西。
这可以是任何事情。
这可以是任何事情。

谢谢你的回复