CSSで要素を動かないようにするにはどうすればいいですか？
要素(オブジェクト)を固定する2つの方法 要素を固定するCSSは、主に以下の2つです。
- 「position: fixed;」・・・指定した位置で要素を固定
position: fixedで要素を固定する
「position: fixed;」は、画面に対して絶対的な位置に要素を固定するためのCSSプロパティです。この方法を使用すると、スクロールしても要素は固定された位置に留まります。
例：<div style="position: fixed; top: 10px; right: 10px;">固定された要素</div>このコードでは、要素は画面の右上に固定されます。
固定するためのプロパティと値の詳細
以下の表は、固定するためのプロパティとそれぞれの役割を示しています。
| プロパティ | 値 | 説明 |
|---|---|---|
| position | fixed | 画面に対して絶対的位置を指定 |
| top | 数値(px, emなど) | 要素の上端を画面の上部からの距離で指定 |
| right | 数値(px, emなど) | 要素の右端を画面の右部からの距離で指定 |
| bottom | 数値(px, emなど) | 要素の下端を画面の下部からの距離で指定 |
| left | 数値(px, emなど) | 要素の左端を画面の左部からの距離で指定 |
その他の参考記事:html css 練習 問題