プログラミングの勉強で学んだことについてメモ的にまとめたいと思う
Contents
position:relativeとposition:absoluteの違い
自分は正直この二つの違いについてちゃんと理解していなかった
しかし調べてみると意外とちゃんと理解していないとデザインが崩れることがわかった
マジで理解していない人初心者の人多いと思うからちゃんとこの記事を見て覚えよう
本当ならこの記事を読め!解散!となるわけだが
そうはいかないので自分なりの解釈をまとめてみる
position:relative; その名の通り他と比較する
position:relative
relativeと使われている通り、今の位置と相対して決める
元々の位置と比較して
上からどれくらいの位置にあるのか
右からどれくらいの位置にあるのか
それで決める
position:absolute;親要素を基準にし絶対位置を決める
ではabsoluteはなんなのかというと
絶対的という意味があるように
自分の場所に影響されない
親要素の位置から自分の場所を固定する
そのためにabsoluteと使われていると解釈した
そしてその時に親要素に絶対position:relative;をつける
そうしないとレイアウトが崩れる
position:fixed
relative,absoluteとやったのでついでに
position:fixed;についてもまとめておく
これもその名の通り固定するという意味なので
その場所に固定される
そのためにヘッダーなどでは必須となっている。
他にどこで使うか考えてみた
あのうざい広告とかかな??
これから〇〇動画を見る時にうざい広告を見たらこの記事を思い出すかもしれない、、、、、
ABOUT ME