【CSS】positionːrelativeの使い方

position: relative;は、HTML要素の位置を相対的に移動するために使用されます。このプロパティを設定すると、top、bottom、left、rightプロパティを使って要素を移動できます。

例えば、次のように記述することで、要素を50px右に移動することができます。

div {
  position: relative;
  left: 50px;
}

また、top、bottom、left、rightに負の値を設定することで、要素を相対的に上下左右に移動することもできます。
例えば、次のように記述することで、要素を50px上に移動することができます。

div {
  position: relative;
  top: -50px;
}

position: relative;を使用することで、要素の位置を相対的に移動することができ、配置やレイアウトを調整するために有用です。