我有一个父div，其中包含一个子div。这两个div都是可调整大小和可拖动的，我为此使用jQueryUI。子级只能调整大小或拖动到父级内部（此操作已完成）。
示例可以在jsfiddle中找到。
$(".progress-resizable").resizable({
handles: 'e, w',
containment: ".card-body"
});
如果我将子div完全拖到右侧，并且我正在尝试从右到左调整父div的大小，那么问题就来了，现在子div已超出父级的边界。如果我尝试调整子div的大小，它会自动与父div对齐，而现在在调整子div的大小后宽度没有响应：（
调整大小后，父级和子级div均无响应。
注意：调整大小可以从右到左和从左到右进行。 我的试用版包含在jsfiddle脚本注释中，但似乎有些复杂。
请尝试通过小提琴帮助我。
谢谢。