Javascript jQueryUI:限制拖放元素上的容器高度

我已经使用jQueryUI实现了拖放功能

这里是它的jsfiddle（）

当我将一个div从一个div下降到另一个div时，我想限制高度的增加。我试图用css类来限制：

overflow-x: hidden;
overflow-y: hidden;

---

但它仍然在增加高度。有人能帮我固定容器尺寸吗？

只需将这两行添加到dbContainer1、dbContainer2类中：

.dbContainer1{
宽度：40%；
浮动：左；
边框：点着1px红色；
/*添加以下行*/
高度：250px；
溢出y：滚动；
}
.dbContainer2{
宽度：40%；
浮动：左；
边框：点状1px绿色；
/*添加以下行*/
高度：250px；
溢出y：滚动；
}

只需将这两行添加到dbContainer1、dbContainer2类中：

.dbContainer1{
宽度：40%；
浮动：左；
边框：点着1px红色；
/*添加以下行*/
高度：250px；
溢出y：滚动；
}
.dbContainer2{
宽度：40%；
浮动：左；
边框：点状1px绿色；
/*添加以下行*/
高度：250px；
溢出y：滚动；
}

看起来JSFIDLE中的拖放功能不起作用。您可以使用max height和overflow-y来限制高度scroll@Mr.x刚刚测试过，我可以拖放easily@cdoshi，但它并没有限制。在.dbContainer1、.dbContainer2、.dbContainer3块下插入最大高度条件看起来JSFIDLE中的拖放功能不起作用。您可以使用max-height和overflow-y来限制高度scroll@Mr.x刚刚测试过，我可以拖放easily@cdoshi，但它并没有限制。在.dbContainer1、.dbContainer2、.dbContainer3块下插入最大高度条件