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

Question

嗨，谢谢你阅读这篇文章。

我有一些容器div，它们包含一些元素div，但我还有一个包装所有容器div的包装器。我应该如何恢复css样式以使元素的位置相对于容器，容器的位置相对于更大的容器，更大容器的位置相对于最终容器（即包装器）？

我需要javascript吗？

Thans you !!

Answer 1

将主容器设置为position：relative，将子容器设置为position：absolute。如果你需要在子项中放置更多容器，你也可以使用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;}