javascript - 合并时停止div移出网格

Question

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

JSFIDDLE

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

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

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

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

提前致谢！

Answer 1

不幸的是，这就是浮动的工作方式。由于B+F占用的高度超过一行，它会将所有后续元素向右移动以保持顺序。除了使用另一种具有绝对定位或固定可放置对象的网格之外，没有任何 woraround。