调整浮动元素的大小（可使用JQuery UI Resizeble调整大小），在窗口上调整大小以适应其父容器

我很难解决浮动元素和JQuery UI可调整大小和窗口调整大小事件的问题

下面是关于问题的

基本上，我有一个父容器.tab和3个子div。content1、.content2和.content3。当使用“AlSonVerResize”函数调整.content1的大小时，.content2和content3的大小成反比

<div class="tab">
    <div class="container1"></div>
    <div class="container2"></div>
    <div class="container3"></div>
</div>

$(".container1").resizable({
    containment: "parent",
    handles: "s",
    alsoInverResize: ".container2, .container3",
    maxHeight: $(".tab").height()
});

---

我想将这三个子容器的大小相等地调整为window或window.resize上的父容器的比例，或者让它们恢复为原来的百分比大小，但保持可调整大小的功能。

看来JSFIDLE对我来说工作得很好。。。当我重新调整输出窗口的大小时，大小会重新调整并填充整个区域，并且它的比例似乎与最初的布局相同。您需要首先调整第一个子容器的大小（可以在底部两个容器之间的南部边界调整大小），然后调整JSFIDLE的窗口区域的大小。请注意，现在容器不会调整大小，因为可调整大小的插件会将其平面大小指定给样式。

$(".container1").css({"height" : "50%", "width" : "100%"});
$(".container3").css({"height" : "50%", "width" : "70%"});
$(".container2").css({"height" : "50%", "width" : "30%"});