positionの種類【CSS】

static

初期値
positionをリセットしたい時などに使う

relative

相対位置への配置

absolute

絶対位置への配置
親要素の左上が基準
top・left・right・bottomと一緒に使う
top: 0;
right: 0;
このように指定した場合親要素の右上に表示される

sticky

親・兄弟要素で固定
(サイドバーの固定など)

fixed

スクロールしても位置が固定
よく使う
(上部headerの固定など)

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です