プログラミング

position:relative,absoluteについて理解したことをまとめておく

プログラミングの勉強で学んだことについてメモ的にまとめたいと思う

position:relativeとposition:absoluteの違い

自分は正直この二つの違いについてちゃんと理解していなかった

しかし調べてみると意外とちゃんと理解していないとデザインが崩れることがわかった

マジで理解していない人初心者の人多いと思うからちゃんとこの記事を見て覚えよう

本当ならこの記事を読め!解散!となるわけだが

そうはいかないので自分なりの解釈をまとめてみる

position:relative; その名の通り他と比較する

position:relative

relativeと使われている通り、今の位置と相対して決める

元々の位置と比較して

上からどれくらいの位置にあるのか

右からどれくらいの位置にあるのか

それで決める

position:absolute;親要素を基準にし絶対位置を決める

ではabsoluteはなんなのかというと

絶対的という意味があるように

自分の場所に影響されない

親要素の位置から自分の場所を固定する

そのためにabsoluteと使われていると解釈した

そしてその時に親要素に絶対position:relative;をつける

そうしないとレイアウトが崩れる

position:fixed

relative,absoluteとやったのでついでに

position:fixed;についてもまとめておく

これもその名の通り固定するという意味なので

その場所に固定される

そのためにヘッダーなどでは必須となっている。

他にどこで使うか考えてみた

あのうざい広告とかかな??

これから〇〇動画を見る時にうざい広告を見たらこの記事を思い出すかもしれない、、、、、

ABOUT ME
toy0628@
暇でプログラミングをしていることが多めな大学生。色々なものを作ることが好き