jQuery UI可排序 - 保持不同寬度的div一個接一個

Question

我有一個問題 - 我想在列表中使用不同寬度的jQuery UI可排序插件，如1 li，其總寬度爲100％另一個佔總寬度的50％。
問題開始時的元素具有不同的高度 - 這是漂浮了一個又一個（與float任何正常的元素會做），但我希望他們不要有下一個項目之間的空間，像這樣的畫面：http://i.stack.imgur.com/tMOBS.jpg

我綁定找到一些關於 - 但我發現的東西是關於2列鏈接的東西，它並不能幫助我，因爲我不能使用100％寬度的元素..

這是我的可排序區域：http://i.stack.imgur.com/ncIk1.jpg

非常感謝

Answer 1

只需按照the docs。可排序+浮動=有趣。示例：jsFiddle

編輯：抱歉喬，我誤解了你的問題。爲了創建不同高度的網格，您不能使用float s。事實上，你可以使用不同的寬度和高度進行佈局。像Masonry那樣編程式地做它是唯一想到的;如this demo所示。