添加div时拖放问题

Question

我使用jQuery UI拖放功能。我有一个有2列的表。这些项目位于一列中，用户可以将它们拖到另一个表列中。一切都很好。但是，我需要用div包装第一列中的元素，以便在项目太多时添加垂直滚动。现在，当我尝试拖动元素时，我似乎将它们拖动到同一个div中，进入隐藏区域，而不是拖入下一个表列。我试图限制div宽度，但得到相同的结果。我错过了什么？

这是我的 HTML ：

<table id="tbl">
<tr valign="top">
    <td id="dragFrom" class="ui-droppable"><div id="myOverflow"></div></td>
    <td id="dropTo"></td>
</tr>
</table>

CSS

#dragFrom {
    width: 290px
}

#myOverflow{
    overflow-x: hidden;
    overflow-y: auto;
    width: 290px
}

Answer 1

抱歉，我刚刚找到了有效的解决方案。希望有人发现它很有用：

#myOverflow{
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}