最終更新日
positionは、ボックスの配置を相対的にするか絶対的にするかを指定するプロパティです。
positionで指定するのは配置方法のみです。実際の表示位置の指定には、top、right、bottom、leftを併用して、基準位置からの距離を設定する必要があります。
初期値 | 適用先 | 継承 |
---|---|---|
static | すべての要素 | なし |
値 | 説明 |
---|---|
relative | 要素の通常の位置から、top、right、bottom、leftで指定した分だけ相対的に移動させます。 |
absolute | 要素を、top、right、bottom、leftで指定した座標に絶対的に配置します。 |
fixed | 要素をページ内に絶対的に配置します。この場合、スクロールしても要素の位置が固定されたままとなります。 |
static | 要素を通常どおり配置し、top、right、bottom、leftを適用しません。(初期値) |
position: relative; position: absolute; position: fixed; position: static;