拖动时不稳定的 jQuery UI 可排序

Question

所以我昨天发布了一个关于在容器中放置一些 div 的问题，以便它们与容器的边缘对齐，但它们之间的间距相等。这很复杂，因为它们是可排序的（使用 jQuery UI Sortable）。

Greg Pettit（谢谢！）设法为我回答了这个问题，但最后两个 div 的行为尤其导致了一个我无法弄清楚的问题。

（原题供参考：Alignment of sortable jQuery UI divs with spacing between them）

现在的问题是，当拖动第 3 个或第 6 个 div 时，它会向下跳。

我不知道为什么会发生这种情况，也无法弄清楚为什么 div 在被拖动时通常如此不稳定：/

jsFiddle > http://jsfiddle.net/hC5Qy/5/

有人知道为什么吗？

一如既往，非常感谢任何回复！

非常感谢

Answer 1

我认为由于区域 div 被塞满了，一旦你拖动浮动块，它就会溢出区域 div 的水平空间并中断到下一行。这可能发生在 jQuery UI 应用绝对定位之前。通过将以下 CSS 添加到中间块来给一些喘息的空间：

.block:nth-child(3n+2) { margin-right: 0; }

http://jsfiddle.net/hC5Qy/27/