不穩定的jQuery UI當拖動時排序

Question

因此，我昨天發佈了一個關於在容器中放置一些div的問題，以便它們對齊容器的邊緣，但它們之間的間距相等。這很複雜，因爲它們是可排序的（使用jQuery UI Sortable）。

Greg Pettit（謝謝！）爲我設法回答了這個問題，但最後兩個div的行爲尤其引起了一個我無法弄清楚的問題。

（原件供參考的問題：Alignment of sortable jQuery UI divs with spacing between them）

現在的問題是，無論是拖動第三或第六格時，它跳下來。

我不知道爲什麼發生這種情況，不能工作了，爲什麼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/