Javascript 拖动时出现意外的边距/填充（jQuery Ui）

我正在通过jQueryUI实现一个拖拽无序列表，并且我希望在拖拽元素时，它会添加一些我找不到的边距或填充

<ul class="sortable-queue">
                            <li class="item-dragable">
                                Drag me
                            </li>
                            <li class="item-dragable">
                                Drag me
                            </li>
                            <li class="item-dragable">
                                Drag me
                            </li>
                        </ul>

 ul {
        padding: 0;
        margin: 0;
    }

    .item-dragable {
        width: 108px;
        background-color: @color-white;
        height: 150px;
        display: inline-block;
        margin: 0;
        margin-right: 11px;
        .drop-shadow(2px, 2px, 3px, 0.1);

        &:last-child {
            margin-right: 0 !important;
        }

        &:hover {
            cursor: pointer;
        }
    }

---

您忘记将

float:left

添加到您的

draggable

的css中，添加后，它会工作，但是，ul的高度现在无法计算，因此从

加

将使儿童的身高对

ul

---

以下是您可能期望的：

您是否使用了$（“.item dragable”）.draggable（{containment:“parent”，scroll:false}）；例如？@fuyushimoya刚刚更新了问题，以显示我目前如何启动它（添加了您的参数），仍然没有更改：/

$( ".sortable-queue" ).sortable({
      revert: true,
      axis: "x",
      containment: "parent", 
      scroll: false
    });

ul:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}