CSS定位独立于其他重叠元素（无位置：绝对）

Question

我正在尝试创建一些很酷的CSS动画云。它在现代桌面Web浏览器上运行良好，但iOS 7上的MobileSafari存在问题。

我正在使用的代码涉及将云从margin-left 0%循环到100%，再到-100%，然后再回到0%。这会导致浏览器窗口被拉伸，底部出现水平滚动条。 overflow-x: hidden解决了它。

但是，MobileSafari似乎不能正确支持overflow-x，从而导致在iOS上使用不需要的滚动条的拉伸屏幕。云目前有position: absolute彼此独立移动，但我注意到position设置为relative修复了iOS上的此问题。然而，这让我回到原始问题，即绝对位置固定，这是随机重叠的云。我想知道是否有任何元素在没有绝对定位的情况下彼此独立移动。

网站为http://team178.github.io/DreamNext

如果这个解释需要更清楚，请告诉我。感谢。

Answer 1

解决方案是制造一个相对定位的容器。之后，MobileSafari停止了拉伸。