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/