絕對定位不適用於瀏覽器調整大小

Question

我正在創建隨機定位動畫圖像的網頁。我的問題是，在瀏覽器重新調整大小圖像後，不要在容器內重新定位。

我有絕對位置的圖像和相對位置的容器div。我一直看到相對於窗口而不是父div的圖像位置。

這是我看到的問題的jsFiddle示例。它具有彩色divs而不是圖像，但問題依然存在。 http://jsfiddle.net/HMSAM/15/

感謝此事的任何幫助。謝謝。

Answer 1

您正在通過設置left: #px（像素）來定位該兒童，並在調整大小時保留該屬性。

如果你想重新計算窗口大小的位置，只需使用left: #%（百分比）。兒童將保持調整大小的價值，但這將意味着不同的「像素尺寸」。

編輯：或者你可以重新計算它，當然通過Javascript。