More than 3 years have passed since last update.

positionについて

Posted at 2020-06-11

#positionとは
　ざっくり言うと要素の位置を決めるためのものです。要素の上に別の要素を載せる時などに使われます。

#positionと4つのセレクタ
static : 初期値として設定さている。
relative : 現在の位置を基準に相対的な位置を決める
absolute : 親要素を基準位絶対的内地を決める
fixed : 位置を固定する

#positionと４つのプロパティ
top :上からの距離を
bottom :下からの距離
left :左からの距離
right :右からの距離

この４つのセレクタと４つのプロパティを駆使することで要素の位置を決めることができます。