Jquery ui JQuery UI可拖放HTML在多次拖放后损坏

在多次拖放之后，两个区域（可拖放-左侧，可拖放-右侧）都发生了更改。两个区域中某些部分的HTML更改（有时仅左侧或右侧区域更改）。似乎突然之间，一些元素之间没有了边界，背景变成了蓝色

是否可以以某种方式刷新可拖放区域

例如

可拖放-可拖放的代码：

$(function(){

  $(".draggable").draggable({
     revert: "invalid",
    stack: ".draggable",
    helper: 'clone'

  });

  $('.droppable').droppable({
  accept: ".draggable",
  drop: function(event, ui) {
    var droppable = $(this);
    var draggable = ui.draggable;
    // Move draggable into droppable
    draggable.clone().appendTo(droppable);
    draggable.css({float:'left'});
  }
});


})

---

问题在于一些div收到的浮动，而其他div没有收到。您可以将以下内容添加到css中：

.draggable {
    float: left;
}

您可以完全删除浮点，或者为所有其他div添加clear:left属性

如果添加CSS部分，则可以省去该行：

draggable.css({float:'left'});

---

在js文件中。

如果将.draggable{float:left；}添加到css中，它就会工作。没有利润空间的那只股票和两只股票一样大，而之前的那只股票确实有资产浮动：左。发生这种情况是因为以下div没有“clear:left”属性。所以你可以给所有元素一个左浮点，或者完全删除浮点，或者给浮点元素后面的div一个clear属性。@Kathara-这很有效，谢谢。你能把你的评论作为回答吗。（我添加了float:left，正如您所建议的）