Jquery ui 带有约束的可调整大小的框

我在一行中有多个框，并且添加了使用jQuery UI调整这些框大小的选项

您可以在JSFIDLE上找到代码：

当我调整一个框的大小时，它会推动下一个框来创建空间。如何限制长方体将下一个长方体从父级推出

我的jQuery代码：

$(function() {
    $( ".resizeable" ).resizable({
        containment: "parent",
        handles: "e, w",
    });

    $( ".resizeable" ).resizable( "option", "alsoResize", $(this).siblings().not(this) ); 
});