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

【CSS徹底解説】position: relative | absolute | fixed | sticky の違いとは？すべてのWeb制作者が知っておくべき位置指定の技術 はじめに：なぜ「position」は重要なのか？ CSSでレイアウトを制御する際に欠かせないのが position プロパティです。これを理解せずにWeb ...

position: sticky;とは、ヘッダやナビゲーション、サイドバーなど指定した要素をスクロールした際にぴたっと指定した位置に貼り付ける（スティッキー）便利なプロパティです。 position: sticky;の基礎知識、機能の仕組み、そして実際にどのようなコードで機能 ...