Jquery UI-动态添加可调整大小的&；可拖动的潜水艇正在安全壳外

请通过小提琴的演示链接。当用户向ParentDIV添加新文本时，新添加的层超出了父层的大小

尝试单击按钮3或4次，您将注意到新文本层将位于父层之外

我们可以将新添加的层限制在层内吗？JqueryUI控件是否存在任何逻辑

请帮忙

试试这个：

.dragClass {
   display: inline-block;
   float: left
}

$(".dragClass")
    .draggable({
        stack: "div",            
        cursor      : "move",
        delay       : 100,
        scroll      : false,
        containment : "parent",
        refreshPositions: true,
        scroll: true
    })

---

相反，我选择了另一种解决方案，即设置新添加div的位置，即它的顶部和左侧位置。这样，新创建的div或图像将粘贴在一个位置，比如top:10；左：10。

感谢您的尝试，但它不会显示滚动条，并且仍然能够添加文本并将其推到区域之外。。。我不想要滚动条。我们可以避免DOM内容推送吗？