配置 (Positioning)
要素がドキュメント内でどのように配置されるかを制御します。
position プロパティは、要素が通常のレイアウトフローに従うか、またはフローから除外されて手動で配置されるかを決定します。
値
| 值 | 説明 |
|---|---|
Relative | デフォルト。要素はドキュメントフロー内に留まります。inset オフセットで視覚的に移動しますが、元の位置でスペースを占めます。 |
Absolute | 要素はフローから除外されます。直接の親の配置領域を基準に配置され、通常は親の padding box を使います。Grid では配置指定によってグリッド領域が基準になることがあります。 |
この API の position は Relative と Absolute のみです。ブラウザの static の祖先をたどる規則や、fixed / sticky の動作は提供しません。計算結果の Layout.x / Layout.y は常に直接の親を基準とする物理座標です。
例
Loading Preview…