Jquery可排序，在拖动时打破浮动列表对象到下一行

Question

当我拖动一个列表对象时，该行的其余部分将"下降"到下一行，这是不应该的。知道为什么吗?

http://jsfiddle.net/8mvLT/1/

$(function() {
    $("#sort").sortable({ opacity: 0.6, cursor: 'move', update: function() {
    }});
});

Answer 1

在css中为li项加入float:left，它会起作用

    #sort li {
         cursor:move;
         padding:5px;
         /*
         margin:0px 30px 2px 0px;
          height: auto;
         width: 99%;
          */
         margin:10px;
         width:20px;
         height:20px;
         border:1px solid orange;
         background:#eee;
          -moz-border-radius: 5px;
         border-radius: 5px;
         float:left;
      }