獨立於其他重疊元素的CSS定位（無位置：絕對）

Question

我想創建一些很酷的CSS動畫雲。它完美的現代桌面Web瀏覽器，但問題與MobileSafari在iOS 7

我正在使用的代碼涉及自行車雲起margin-left0%到100%，以-100%，再換0%。這會導致瀏覽器窗口拉伸，水平滾動條出現在底部。 overflow-x: hidden解決了它。

但是，MobileSafari似乎並未正確支持overflow-x，導致iOS屏幕上出現不需要的滾動條。雲目前有position: absolute獨立移動，但我注意到設置position到relative修復了這個問題在iOS上。但是，這又把我帶回到絕對位置固定的原始問題，這是隨機疊加的雲。我想知道是否有沒有絕對定位的元素獨立移動。

該網站是http://team178.github.io/DreamNext

讓我知道如果這個解釋需要更加清晰。謝謝。

Answer 1

解決方案是製作一個相對定位的容器。 MobileSafari在此之後停止了伸展。