使用jQueryUI .resizable反向调整两个或多个元素的大小

Question

我希望有2个或更多元素跨越相等数量的窗口可调整大小。调整一个元素的大小时，下一个相邻元素必须调整其宽度以占用窗口中的可用空间。基本上，永远不应该有任何空闲空间，所有div必须总和为窗口宽度的100％。

我已经按照这里的答案：jQuery UI Resizable alsoResize reverse

我在这里有一个更新的JSfiddle，它使用当前版本的jQueryUI。它一直有效，直到您设置其中一个div的position:absolute和left位置（尝试取消注释CSS中两个注释掉的行）： http://jsfiddle.net/WpgzZ/678/

知道如何在设置上述CSS属性时正确调整div的大小吗？

Answer 1

我在这里找到了一个解决方案，涉及向jQueryUI插件本身添加alsoResizeReverse方法：jQuery UI Resizable alsoResize reverse