在父项上设置'float：right'时，jQuery的包含功能不起作用

Question

我有以下HTML。请注意，'drop'为'float: right'

<div id="drop" style = "border:solid #1E90FF 3px; border-radius:25px; height:400px;  width:700px; float:right;">
</div>
<div id="drag" style = "border: 2px solid #8AC007; border-radius:15px; height:150px; width:150px;">
</div>

我正在尝试拖动#drag的克隆并将其放入#drop。

我希望使用#drop在containment:$("#drop")中包含此内容，但它不起作用。

它包含可拖动元素，就像droppable元素在左侧一样。

<script>
     $("#drag").draggable ({
         helper : "clone",
         revert:"invalid"    

     });
     $("#drop").droppable({
         accept:"#drag",
         drop: function(event,ui){
             var cloneDiv = $(ui.helper).clone();
             cloneDiv.attr('class',"cloned");
             $(this).append(cloneDiv);

             jsPlumb.ready(function(){ 
                   jsPlumb.draggable($(".cloned"), {containment:$("#drop")});
             });    
         }
     });
</script>

我想在droppable元素中包含可拖动元素。

有人知道如何解决这个问题吗？非常感谢您的帮助。