合并时停止div移动到网格外

Question

我已经实现了带有选择功能的jquery拖放功能，并创建了一个网格式界面。我现在为div添加了一个合并函数，但问题是当我合并B＆amp; F在我当前的代码中

JSFIDDLE

最后一个div“跳出”我的网格，我留下了一个空白区域。

这就是我根据网格上的索引位置合并div的方法

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

有人可以帮助我解决这个问题，因为它让我发疯了:(我很接近完成这个但没有合并正常工作我不知所措

提前感谢！

Answer 1

不幸的是，这是浮动的工作原理。由于B+F占用的高度超过一行，它会将所有后续元素向右移动以保留顺序。除了使用其他类型的绝对定位网格或固定可放置网格之外，没有任何可用的东西。