相対的な状況を活性化する

相対的に配置された要素は、デフォルトの位置を基準として配置され、要素自体を中心に回転します。相対的に配置された要素は、フロー内で初期位置をそのまま維持しながら配置の可能性を広げます。

要素に相対位置を割り当てた後、上、下、左、右の開始点を基準とした相対的な値を使用できます。また、z-index 値を変更することもできます。

このチュートリアルで概説されている内容:

1. 要素のオーバーレイ
2. 要素の従属配置

要素のオーバーレイ

1. 重ねたい要素を選択してください
2. カスタマイズされたクラスを作成する（例：「特別」）
3. 相対的な位置設定にします（これにより、Zインデックスの調整が可能になります）
4. これで、他の要素とは独立して位置を変更し、デフォルトのコンテンツの前に表示できるようになりました。

要素の従属配置

1. 下に配置する要素を選択します
2. カスタマイズされたクラスを生成する（例：「super」）
3. 相対的な位置付けを適用する（Zインデックスのカスタマイズを有効にする）
4. 数値を割り当てる（この特定のシナリオでは0より大きい）
5. 前のステップで、要素に高い値または低い値を割り当てて、要素を上または後ろに配置します。

相対配置を使用すると、ページ上の周囲のコンテンツとは関係なく、要素を元の配置に応じて配置できます。