Asp.net Jquery拖放包含问题-CSS问题？

我已经成功地创建了2个DIV，并在运行时用一大堆对象填充第一个DIV，所有这些都使用.drag类。第二个DIV有.drop类，正在等待用户将一些对象拖放到其中。问题是，每当我尝试将对象拖动到第一个DIV之外时，就会出现一个滚动条，而我似乎无法将对象拖动到创建对象的父DIV之外！我注意到的一件事是，如果我去掉下面ASPX文件中的滚动条，我可以自由拖动，但随后页面上会出现一个巨大的列，看起来很糟糕

更新-非常确定这是一个CSS问题，但我不知道我现有的CSS东西哪里出了问题

您可以在我的开发网站上看到发生了什么： 单击任何按钮，然后尝试拖动到父DIV之外，您将看到我的意思

以下是我的相关ASPX信息：

以及JQuery，以防它有帮助：

 $('.drag').draggable({ revert: true, helper: 'clone' });
 $('.drop').droppable({
    tolerance: "touch", // Here should be a string
    drop: function(ev, ui) {

        var poo = $(ui.draggable).attr("id");
        $('[id$="myHidden"]').val(poo);
        __doPostBack('<%= HiddenButton.UniqueID  %>', '');

    }
});

$（'.drag'）.draggable（{revert:true，helper:'clone'}）；
$（'.drop'）。可拖放({
容差：“touch”//这里应该是一个字符串
下拉：功能（ev、ui）{
var poo=$（ui.draggable）.attr（“id”）；
$（'[id$=“myHidden”]'）.val（poo）；
__doPostBack（''，''）；
}
});

我在css或模板中没有看到“拖动”类。你是想设置你的可拖动的on.drag还是on.toolbox

---

从我的工作代码中唯一突出的另一件事是“位置：绝对”。

在Firebug中玩转您的页面时，更改以下内容允许我拖放：

.toolbox
{
/*position:absolute;*/ 
height:700px;
width:324px;
border-style:solid;
border-width:2px;
border-color:Black;
}
.drop
{
height:700px;
width:700px;
border-style:solid;
border-width:2px;
border-color:Black;
/* the following updated or added */
margin-left:328px;
position:absolute;
top:132px;
}

---

移除位置：absolute将div.drop元素移动到div.toolbox下面，这可能是Dave回答中提到的奇怪之处。我在css.drop中更新的所有内容都只是重新定位div。

哇！我忘了复制并粘贴它。补充！职位：绝对是件坏事吗？不知道。它只是与众不同。移除它是一个简单的实验。当我移除它时，这引起了一些奇怪。然后，我可以将文本拖出DIV，但没有其他功能。drop area DIV也不再接受drops？只要我将CSS更新为上述代码，我就不能再拖动图像了。每当我尝试拖动一个可拖动文件时，它只是拖动文本？我也不能再发射任何。放弃事件。知道为什么会这样吗？更新我之前的评论。当我查看实际的实时站点时，我可以按预期拖动图像。但是当我尝试在VisualStudio中使用完全相同的代码时，我只能拖动文本。这简直把我的鼻涕都烦死了！有趣的是，当我在localhost中运行它，然后在另一个选项卡中打开我的live站点并返回到我的localhost站点时，它工作得很好。奇怪的

 $('.drag').draggable({ revert: true, helper: 'clone' });
 $('.drop').droppable({
    tolerance: "touch", // Here should be a string
    drop: function(ev, ui) {

        var poo = $(ui.draggable).attr("id");
        $('[id$="myHidden"]').val(poo);
        __doPostBack('<%= HiddenButton.UniqueID  %>', '');

    }
});

.toolbox
{
/*position:absolute;*/ 
height:700px;
width:324px;
border-style:solid;
border-width:2px;
border-color:Black;
}
.drop
{
height:700px;
width:700px;
border-style:solid;
border-width:2px;
border-color:Black;
/* the following updated or added */
margin-left:328px;
position:absolute;
top:132px;
}