jquery animated div忽略了它的父级溢出属性

Question

阿罗哈，

我有一个带有overflow: hidden集的div。在其中我有一个div，我使用jquery来制作动画。

$（'＃innerDiv'）。animate（{left：' - = 100'}，1000）;

当我这样做时，我可以看到innerdiv移动到outter div之外，即使我已经将溢出设置为隐藏。

这是正常的吗？我该如何解决这个问题？

谢谢，

Answer 1

如果innerDiv有position:absolute，则它不受外overflow:hidden元素<div>的影响。

尝试给它position:relative。

绝对示例： http://jsfiddle.net/FVdJL/

以亲戚为例： http://jsfiddle.net/FVdJL/1/

---

编辑：提供外部容器position:relative，您应该可以将absolute保留在innerDiv上。

以亲戚为例： http://jsfiddle.net/FVdJL/3/