Question

在我的页面中，它们是两个div; s代表两行。我想把这两个div之间的差距固定下来，这样当我使用拖放时，掉落的项目会水平移动到下一个项目而不是垂直移动。请帮忙感谢

<div id="div1" style="background-color:#778899;height:30px;width:1030px;float:left;">
<b>Columns :</b>

<div id="div2" style="background-color:#778899;height:30px;width:1030px;float:left;">
<b>Rows :</b></div>

所以在coloumn div中，我使用了jquery

的droppable功能

$('#example-1-2 .sortable-list').sortable({ connectWith: '#example-1-1 .sortable-list' });

所以问题是，当我删除一个项目时，被删除的项目会像一列一样添加到另一列之下。但我想要的是，当我丢弃任何项目时，它应该被连接起来，就像一排，一个是另一个。列div位于行div下方。因此，我问我们是否可以修复两者的大小，然后丢弃的项目会像时尚一样移动。

Answer 1

在你的情况下，他们的问题很少

1掉落的项目有浮动

解决方案删除该浮动

2已删除的项目具有内联

解决方案给予该元素显示：阻止它可以突破

两个div的差距并不影响他们孩子的定位

同时发布一些代码，以便我们可以看到问题发生的位置。的更新使用#div1 .sortable-item {display：inline;宽度：20％;}

元素显示块行为只需要内联元素

如何使两个div之间的差距固定？

1 个答案: