親要素に relative 、子要素に absolute の場合と、子要素に relative のみを設定すると結果が同じになります

結果が異なってくるパターンについて説明していきます。

2022年3月30日

ユーザー

相対配置と絶対配置の意味については理解できたのですが、同じ結果になる場合の使い分けについて教えてください。
便宜上おなじ CSS に記載したのですが、親要素に relative を設定し子要素に absolute で position を設定した場合と、子要素に relative のみを設定した時は結果が同じになります。
こういう時にはこちらを使う、のような考え方やセオリーなどはありますでしょうか？