メインコンテンツにスキップ
相対位置・固定位置・絶対位置

要素を画面や親ボックスからの距離で固定する

Saika avatar
対応者:Saika
一週間前以上前にアップデートされました

相対位置(デフォルトの配置方法)

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

固定位置

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

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

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

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

絶対位置

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

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

こちらの回答で解決しましたか?