floatを使ったレイアウト１１

positionとは

• positionプロパティは、ボックスの配置方法（基準位置）が、相対位置か絶対位置かを指定する
• positionプロパティで指定するのは、配置方法（基準位置）のみ

static

• • 特に配置方法を指定しない。

• • この値のときには、top、bottom、left、rightは適用されない。

• • これが初期値。

relative

• • 相対位置への配置となる。

• • positionプロパティでstaticを指定した場合に表示される位置が基準位置となる。

absolute

• • 絶対位置への配置となる。

• • 親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が基--準位置となる。

• • 親ボックスにpositionプロパティのstatic以外の値が指定されていない場合には、ウィンドウ全体の左--上が基準位置となる。

fixed

• • 絶対位置への配置となるのはabsoluteと同じですが、スクロールしても位置が固定されたまま。

position: relative（相対的）

• その要素本来の位置（左上）からの移動距離

position: absolute（絶対的）

• 包含ブロック（左上）からの移動距離