當合並時停止div移動到網格外

Question

我已經實現了具有選擇功能的jquery拖放並創建了一個網格類型的接口。現在我已經添加了合併功能div的，但問題是，當我在我當前的代碼合併乙&˚F

JSFIDDLE

的最後一個div「跳」出我的網格，我留下一個白色的空間。

這是如何我基於什麼對我的網格中的索引位置合併的div

cells[0].append(cells[1].html()); 
     cells[1].remove(); 

有人可以幫助我走出這一個作爲其駕駛我瘋狂:(我是如此接近整理這一關，但沒有合併正常工作我在一個損失

在此先感謝！

Answer 1

Unfortunatel這是浮動工程。由於B+F佔用了高於一行的高度，因此它會將所有後續元素移至右側以保留訂單。除了使用另一種具有絕對定位或固定droppables的網格外，沒有其他方法。