使用包含时，带有margin-left的jQuery可拖动元素不会向左移动

Question

在可拖动元素上使用包含时，例如：

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

此项目包含左边距，例如：

#bar {
    margin-left: 80px;
}

无法将元素拖到该边距之后的左侧。这里可以看到一个说明这一点的方法：http://jsfiddle.net/z866K/2/

为什么会这样？为什么，如果删除'遏制'，元素可以移动到左边没有问题？这有什么解决方法吗？我正在研究一个基于拖拽内部的项目，该项目也使用margin-left来构建可拖动元素 - 不要问我为什么，但项目非常大，我认为找到一个解决这个问题可能比整个系统方法的一般改写更容易 - 。

有什么想法吗？

Answer 1

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