【CSS】position: relative; と position: absolute; について

positionプロパティ

要素の配置する基準を指定するプロパティ。

abusolute

移動するときの基準がウィンドウか親要素になる。

複数の要素がある場合でも他の要素を無視して移動する。

高さの要素がなくなり浮いた状態になる。

relatibe

移動するときの基準が元あった位置になる。

要素の高さが残る。

セットで使う

親要素にrelatibeを使い

それを基準にabsoluteで位置を決める使い方。

例えると

relatibeが鳥籠

absoluteは鳥

鳥は鳥籠の中で鳥籠を基準に動かせます。

最後に

読んでいただいた方、ありがとうございました。