使用容器时，带有左边距的jQuery可拖动元素不会向左移动

Question

在可拖动元素上使用容器时，例如：

$('#bar').draggable({
    containment: 'document',
});

并且这个item包含一个margin-left，比如：

#bar {
    margin-left: 80px;
}

不可能将元素拖到左边超过该边距。可以在此处看到说明这一点的 jsfiddle：http://jsfiddle.net/z866K/2/

为什么会这样？为什么，如果删除“包含”，元素可以毫无问题地向左移动？有什么解决方法吗？我正在开发一个基于在容器内拖动的项目，该项目也是使用 margin-left 构建的，用于定位可拖动元素——不要问我为什么，但项目非常大，我认为找到一个解决这个问题可能比一般重写整个系统方法更容易--。

有什么想法吗？

Answer 1

我更新了你的小提琴，检查一下。
通过向 bar div 添加一个包装器，它可以超越它的范围