文系未経験プログラマ

忘れてもいいように書く

absolute, relativeの意味

【前提知識】
・デフォルトのhtml配置は、ブロックレベル要素(<div>, <p>など)はhtmlに記述されている順に上から下に縦に配置される。
インラインレベル要素(<strong>, <a>など)は他のテキストなどに混じって表示される。

・positionプロパティのデフォルト値は全てのタグにおいてstatic(上記のデフォルトのhtml配置が適用される)


【本題】
・絶対配置:デフォルトのhtml配置ではなく、自分で位置を指定して配置する方法
 →位置の指定には、top, leftなどを使用する

・position: relative
 →position: absoluteの基準となる
 →絶対配置の基点となる

・position: absolute
 →position: relativeを基点として、絶対配置をする
 →絶対配置をしている要素は通常のhtml配置から外れるため、他の要素と重なって表示されることがある
 →絶対配置をする


【感想】
・relativeで基点を決め、absoluteで位置を指定!!

 

【参考】