`position: absolute;`を使用すると、要素は通常のドキュメントのフローから外れ、最も近い位置指定された（`position`プロパティが`static`以外に設定されている）祖先要素に対して相対的に配置されます。もし`position: absolute;`を設定した要素が、`position: relative ...

positionの使い方を調べると、本来あるべき場所・・・とか、親要素を起点とする・・・とか、説明しているサイトが多いと思います。 この説明だけではイメージがしづらいという人に向けて コルクボードとプリントに例えた説明をさせていただきます。