Static

ボックスを通常配置します。ブロックボックスは垂直方向に上から下へと配置され、インラインボックスは水平方向に配置されます。つまりこれは通常フローであることを表します。positionプロパティを指定されていない要素は、staticが初期値になります。

包含ブロックは、祖先ボックスの中からもっとも近いブロックボックスの内容辺になります。

Category - Position

Relative

ボックスを相対配置します。通常フローに従って配置される位置を確保し、そこを基点として相対的に配置されます。基点からの距離は、top, bottom, left, rightプロパティで指定します。隣接する他のボックスは、相対配置されるボックスを通常配置として計算して配置されます。包含ブロックは、staticと同様、祖先ボックスの中からもっとも近いブロックボックスの内容辺になります。

Category - Position

Absolute

ボックスを絶対配置します。positionの値にstatic以外の値を指定されたもっとも近い祖先ボックスのパディング辺を基点(包含ブロック)とします。存在しない場合は、ルート要素(html)の生成するボックスを基点(初期包含ブロック)になります。基点からの距離は、top, bottom, left, rightプロパティで指定します。絶対配置されたボックスは通常フローから外れ、隣接する他のボックスは絶対配置されたボックスが存在しないかのように通常フローに従って配置されます。

Category - Position

Fixed

ボックスを固定配置します。absoluteと同様の配置方法ですが、基点は表示領域になります。よって、スクロールしても位置が変化しません。固定配置も絶対配置同様、通常フローから外れます。

Category - Position