CSS属性のrelativeとabsoluteの役割は何ですか？

CSSのrelativeとabsoluteという属性は要素の位置を制御します。

相対配置：要素が通常の配置に対して相対的に配置されるもの。relative属性を指定すると、top、bottom、left、rightなどの属性で要素の位置を調整できる。ただし、要素はドキュメントフロー上で元のスペースを維持する。

絶対配置: 要素の位置は、最近のstatic位置付けがされていない祖先要素に対して配置されます。静的配置されていない祖先要素が存在しない場合は、body要素に対して配置されます。絶対プロパティを使用した後は、上、下、左、右のプロパティを使用して要素の位置を調整することができ、要素はドキュメントフローから外れ、元のスペースを占有しなくなります。

要素の位置を調整することで、さらに正確なレイアウト効果を実現できます。