Javascript 为什么jQueryUI可以调整大小，并用“"；“同样大小”吗；？

我有一组像这样的div：

<div id="body_container">
     <div id="top_body">
     </div>
     <div id="bottom_body">
     </div>
</div>

调整大小是可行的，但在开始调整大小操作后，

#bottom_body

立即被指定一个固定的宽度（等于调整大小操作开始时的宽度）。通过css，将

#top_body

和

#bottom_body

的宽度指定为100%。我希望它保持这样

有没有办法阻止宽度分配？我想让宽度适应窗口大小，但是，就我目前的问题而言，宽度分配修复了底部div（但不是顶部div），破坏了我的界面

---

理想情况下，我正在寻找不需要使用JS处理程序强制宽度回到100%的解决方案，只要我使用可调整大小的句柄。

这似乎非常有效

这只会在窗口宽度/高度更改时运行，而不会在更改/调整两个div的高度时运行，因为此时不需要运行

$(function() {
   $("#top_body").resizable({handles: "s",
   alsoResize: "#bottom_body"});
});

$(window).on('resize', function() {
    $('#bottom_body').css({width: '100%'});
});