jquery动画div忽略其父项的溢出属性

Question

Aloha，

我有一个div与css overflow: hidden设置。在里面我有一个div，我正在使用jquery进行动画制作。

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

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

这是正常的吗？我怎样才能解决这个问题？

谢谢，

Answer 1

如果innerDiv具有position:absolute，那么它不受外部<div>元件的overflow:hidden。

试着给它position:relative。

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

实例相对：http://jsfiddle.net/FVdJL/1/

---

编辑：给外部容器position:relative，你应该能够保持absolute在innerDiv 。

实施例具有相：http://jsfiddle.net/FVdJL/3/