CSSでレイアウトを作っていると必ずと言っていいほどpositionを使う機会があります！
そこで今回はpositionについてまとめてみました＾＾
static（スタティック）
positionの初期値です。
よって、positionをリセットする場合に用いります。
relative（リラティブ）
相対的な位置指定を行う場合に用いります。
fixed（フィックスド）
サイト全体からの位置指定を行います。
absolute（アブソリュート）
「relative」や「fixed」とセットでしか使用できません。
親要素に対して位置指定を行います。
sticky（スティッキー）
親・兄弟要素とセットでしか使用できません。
親要素からはみ出すことなく、固定表示させたい場合に用いります。
親要素はabsoluteの時と違い、特に指定の必要はありません。
自動的に、stickyを指定したの要素を囲っている要素が自動的に親となります。
stickyのサポートブラウザは下記で確認をしてみてください
Can I use
