詳解逆引きHTML+CSS辞典

レイアウト - ボックスを画面に固定したい

登録タグ
Icon comment count 0
Icon stock count 0

ボックスを画面に固定したい

スクロールしてもボックスが動かないようにしたい

positionプロパティ topプロパティ bottomプロパティ leftプロパティ rightプロパティ 固定配置

スクロールしても動かないように、ボックスをウィンドウ上に固定したい場合には、「position: fixed;」を指定します。この表示モードは絶対配置モードの一種で「固定配置」と呼ばれています。

「固定配置」にした場合も、絶対配置と同様に別のレイヤー(表示階層)へと移動させられるため、元のレイヤーからは取り除かれた状態となります(詳細は前の「配置位置を指定したい(p.236)」を参照してください)。配置位置の指定は、top・bottom・le

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません