Javascript 拖放到<；部门>；在右边（或左边）？

当他们在一起时，我试着拖放物品，这没问题

当我（使用css）更改它们，使它们彼此相邻时，我无法将项目从左框拖动到右框。。。也许我错过了一个选择我必须改变？有人能帮我吗

这是我的密码：

<script language="JavaScript">
sections = ['group1','group2'];
function createLineItemSortables() {
    for(var i = 0; i < sections.length; i++) {
        Sortable.create(sections[i],{tag:'div',dropOnEmpty: true, containment: sections,only:'lineitem'});
    }
}
function destroyLineItemSortables() {
    for(var i = 0; i < sections.length; i++) {
        Sortable.destroy(sections[i]);
    }
}
 </script>
<div id="group1" class="section" style="width:400px; float:left;">
<h3 class="handle">ZOEK NAVIGATIE: </h3>
<div id="item_1" class="lineitem">This is item 1</div>
        <div class="lineitem" id="te_926130" style="border:solid black 1px;">
            ITEM 1
        </div>
        <div class="lineitem" id="te_926121" style="border:solid black 1px;">
            ITEM 2
        </div>
        <div class="lineitem" id="te_926120" style="border:solid black 1px;">
            ITEM 3
        </div>
</div><!-- einde GROEP 1 -->
<div id="group2" class="section" style="width:400px; float:left; margin-left:20px;">
    <h3 class="handle">TEASER VERSCHIJNT OP VOLGENDE NAVIGATIES</h3>
</div>
<script type="text/javascript">
    Sortable.create('group1',{tag:'div',dropOnEmpty: true, containment:     sections,only:'lineitem'});
    Sortable.create('group2',{tag:'div',dropOnEmpty: true, containment:     sections,only:'lineitem'});
    Sortable.create('dioContentHome',{tag:'div',only:'section',handle:'handle'});
 </script>

节=['group1'，'group2']；
函数createLineItemSortables（）{
对于（变量i=0；i

我成功地将它拖到了右边的框中。奇怪的是，你需要先把它拖到屏幕顶部，然后再拖到右边

我在“item_1”和“group2”中添加了边框，以查看实际发生的情况。groups2的高度仅与标题一样高，因为该DIV没有指定的高度，所以没有太多区域供您进入

---

我给group2提供了300px的高度，现在可以毫无问题地降落到那里。

谢谢Diodeus，这确实是问题所在！现在工作完美了！