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

Question

我连续有多个框，我添加了使用jQuery UI调整这些框大小的选项。

您可以在JsFiddle上找到代码：http://jsfiddle.net/alokjain_lucky/ZbTem/

当我调整一个框的大小时，它会推动下一个框创建空间。如何限制框以从父母那里推出下一个框？

我的jQuery代码：

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

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