Jquery + Css 拖放偏移问题

Jquery + Css Drag and Drop offset issue

更新:我更新了 jsfiddle 以使其更加清晰。澄清问题。当一个图块从底行拖放到顶行时,它会导致可放置的 div 从其他 div 向下偏移。当所有三个 div 都被填充时,它们再次内联。当只有一个或两个 div 被填充时,是什么导致了 div 的偏移?

我正在学习 jquery 拖放。

The problem is that when I drop into my div it is creating an offset in the droppable divs.

您可以在下面 link 我创建的 jsfiddle 中看到这个问题。我是 jquery 和拖放的初学者,所以如果我的代码被屠杀,请记住这一点。

jsfiddle

您可以像下面这样修复它:

.componentHolder {
  width: 100px;
  height: 120px;
  border: 1px solid black;
  padding: 0px;
  margin: 0px;
  float: left; // I used float instead of inline-block
}

Online Demo (jsFiddle)