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