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

Question

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

我有一些包含一些元素 div 的容器 div，但我还有一个包装所有容器 div 的包装器。我应该如何调整 css 样式，以便元素的位置相对于容器，容器的位置相对于更大的容器，而更大的容器的位置相对于最终容器(即包装器)？

我需要 javascript 吗？

谢谢你!!

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;}