Linux初級
position
position
一言で言うと
relative=元の位置を基準にずらす。
もう少し詳しく
一言で言うと
relative=元の位置を基準にずらす。absolute=最も近い位置指定された親要素を基準に配置。fixed=ビューポート基準で固定。
もう少し詳しく
relative=元の位置を基準にずらす。absolute=最も近い位置指定された親要素を基準に配置。fixed=ビューポート基準で固定。
レイアウトを思い通りに組むために欠かせないプロパティです。要素をどの基準点から配置するかを制御できるため、ページ上に「浮かせる」「固定する」「重ねる」といった表現が可能になります。z-index と組み合わせることで重なり順も制御できます。
実務でどう使うか
fixed を使いスクロールしても画面上部に留まるナビゲーションを作りますrelative、モーダル本体に absolute + top/left 50% + transform で中央に配置しますrelative を付け、メニューを absolute で直下に展開します