デフォルト状態のボックスの位置は、方向・配置のルールに従って、他のボックスとの関係により相対的に定義されます。

ベースボックス（<div> Base）直下に配置したボックスは、「配置」を「固定」に変更できます。

固定位置のボックスは画面上に固定されます。つまり、スクロールに影響されず常に同じ位置に表示されます。

固定する位置は、スクリーンの最寄りの辺からの距離で指定できます。

また、ボックスを画面下部に固定配置したい場合は、ボックスをスクリーンの下辺へドラッグするか、位置の数値を変更して移動させてください。

親ボックスを持つボックスで設定できます。ボックスを選択し、スタイルバーの「配置」を「絶対位置」に変更します。すると、親ボックスの最も近い辺を基準として、ボックスが配置されるようになります。

relative fixed absolute 画面固定 追従ヘッダー