新着！ 44ページの電子書籍「CSS in 44 minutes」がリリースされました！ 😃
#position
要素のポジショニングの振る舞いを定義します。
default position: static;
要素はページの自然な流れに留まります。
結果として、絶対配置されたピンク色のブロックのアンカーポイントとしては機能しません。
また、以下のプロパティにも反応しません
topbottomleftrightz-index
position: relative;
要素はページの自然な流れに留まります。
また、要素を配置済みにします。絶対配置されたピンク色のブロックのアンカーポイントとして機能します。
また、以下のプロパティに反応します
topbottomleftrightz-index
position: absolute;
要素はページの自然な流れに留まりません。 最も近い配置済みの祖先を基準に自身を配置します。
配置済みなので、絶対配置されたピンク色のブロックのアンカーポイントとして機能します。
また、以下のプロパティに反応します
topbottomleftrightz-index
position: fixed;
要素はページの自然な流れに留まりません。ビューポートを基準に自身を配置します。
配置済みなので、絶対配置されたピンク色のブロックのアンカーポイントとして機能します。
また、以下のプロパティに反応します
topbottomleftrightz-index