CSSポジショニングの基礎

positionプロパティ

要素の配置方法を制御します。例: position: relative; は要素を通常の位置に対して相対的に配置します。

top, right, bottom, leftプロパティ

positionプロパティと併用して、要素の位置を指定します。例: top: 10px; は要素を上から10ピクセル離します。

z-indexプロパティ

重なり順序を制御します。値が大きいほど前面に表示されます。

ポジショニングプロパティを使いこなすことで、レイアウトの自由度が大幅に向上します。次回は、フレックスボックスレイアウトについて学びましょう。