javascript - 使用 CSS 相对于容器（以及相对于更大容器的容器）定位元素

Question

您好，感谢您阅读这篇文章。

我有一些容器 div 包含一些元素 div，但我也有一个包装器来包装所有容器 div。我应该如何保留 css 样式，以便元素的位置相对于容器，容器的位置相对于更大的容器，而更大的容器的位置相对于最终容器（即包装器）？

我需要javascript吗？

谢谢你！！

Answer 1

将主容器设置为位置：相对，将子容器设置为位置：绝对。如果您需要在子容器中放置更多容器，您也可以在它们上使用 position:absolute。

例如：

.wrapper{position:relative;}
.big-container{position:absolute;top:0;left:0;}
.containerOne{position:absolute;top:0;left:0;}
.containerTwo{position:absolute:top:0;left:0;}