position: 配置方法を指定
positionは、ボックスの配置方法を指定するプロパティです。
position: 値;
実際の位置は、top、right、bottom、left プロパティで指定します。
position プロパティ仕様
値 | 説明 |
---|---|
relative | 相対的な位置を示す。 標準の配置(static)を基準とし、そこからの距離を相対的に指定して配置。 |
absolute | 絶対的な位置を示す。 初期値(static)の場合は、ウインドウの左上が基準。 親ボックスにstatic以外の値が指定されている場合は、親ボックスの左上が基準。 |
fixed | 固定位置 スクロールしても表示位置が動かない。 |
static | 配置方法を何も指定していない状態です。 デフォルト(初期値) positionプロパティで値が指定されていない場合はstatic。(top, right, bottom, left 値は無視されます) |
記述例
position: relative;
position: absolute;
position: fixed;
position: static;