停止這個奇怪的jQuery故障

Question

我的問題是我如何解決這個奇怪的小故障在jQuery中。

當我移動其中一個盒子時，它使所有其他盒子向下拍攝，我不知道它爲什麼發生。有誰知道是什麼原因造成這個問題？

這fiddle有我就可以了

JS的所有代碼：

$(document).ready(function(){ 
     $(function(){ 
      $('#container').sortable({ 
       connectWith: "#container", 
      cursor: "move" 
     }).disableSelection(); 
    }); 
}); 

的HTML

<div id="container"> 
    <div class="container-item">Item 1</div> 
    <div class="container-item">Item 2</div> 
    <div class="container-item">Item 3</div> 
</div> 

的CSS

lists { 
    height: 200px; 
    width: 300px; 
    border: 1px solid #000000; 
} 

#container { 
    background: lightgrey; 
    width:500px; 
    height: 50px; 
} 
.container-item { 
    display: inline-block; 
    width: 150px; 
    height: 500px; 
    background: lightblue; 
    margin-right: 10px; 
    margin-top: 0; 
    position: relative; 
    max-top: 50px; 
} 

Answer 1

只需添加float: left至.container-item。

Fiddle example