| positon: relative（リラティブ） | ・要素から相対的に位置指定をしたい場合、その要素に対してrelativeを設定 |
| position: absolute（アブソリュート） | ・単体では基本的に使わない。 |
| ・主にはposition: relativeや、fixedと一緒に使用 | |
| ・重なり順に注意する（z-index） | |
| position: fixed（フィックスド） | ・画面から見た位置で要素を固定させたい時に使用（画面に固定されるため、スクロールしても追従する形になる） |
| ・重なり順に注意する必要がある | |
| position: static（スタティック） | ・positionの初期値 |
| ・positionをリセットしたい時 | |
| position: sticky（スティッキー） | ・親/兄弟要素を起点として固定（fixedは画面から見た位置に固定される） |
CSS positionプロパティ
CSS
コメント