レイアウト（position）

positionとは、ボックスの配置方法（基準位置）を指定するプロパティ。

実際に表示位置を指定するためには、top、right、bottom、leftプロパティを併用して、基準位置からの距離を指定する必要がある。
以下の値で指定できる。

 

static

static特に配置方法を指定せず、通常の位置に配置する（初期値）。

この値の場合はtop、bottom、left、rightを併用しない。

 

relative

通常の位置を基準とした、相対位置への配置を指定する。

 

absolute

包含ブロック（直近の祖先要素でポジショニングされた要素、もしくはウインドウの内容領域）を基準とした、絶対位置への配置を指定する

 

Fixed

ウインドウを基準とした絶対位置への配置を指定する。

absoluteと異なり、スクロールしても同じ位置に固定する。

 

sticky

ある位置に来るスクロールと共に動く。
ウィンドウの表示領域を基準とした配置になる。