jQueryUI：在拖放元素上限制容器高度

Question

我已经实现了拖累和放大使用jquery UI删除功能。

这是js小提琴（http://jsfiddle.net/metm0v0f/）。

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

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

但它仍在增加高度。有人可以帮我解决容器尺寸吗？

Answer 1

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

＆＃13;

＆＃13;

.dbContainer1 {
    width: 40%;
    float: left;
    border: dotted 1px red;
    /*add the following lines*/
    height:250px;
    overflow-y:scroll;
}
.dbContainer2 {
    width: 40%;
    float: left;
    border: dotted 1px green;
    /*add the following lines*/
    height:250px;
    overflow-y:scroll;
}

＆＃13;

＆＃13;

＆＃13;