CSS位置決めを使用するにはどうすればよいですか? CSS位置決めの使い方

この記事でお伝えするのは、CSS の位​​置決めの使用方法についてです。 CSS の配置方法は参考になると思います。

position

1. static : デフォルトでは、要素は通常のフローに表示されます。

2. relative: 相対位置決め。通常の位置を基準として、元の位置が占有されます。

3. fixed: ブラウザ ウィンドウを基準とした固定位置。

4. 絶対: 絶対配置。配置された祖先要素がない場合は、静的配置以外の最初の親要素に対して相対的に配置され、元の包含ブロックに対して相対的に配置されます。後続の要素は元のスペースを占有し、その要素はドキュメント フローから削除されます。

5. sticky: ユーザーのスクロール位置に基づいて位置を設定します。位置:相対位置と位置:固定位置を切り替えます。
   これは、position:relative; のように動作し、ページがターゲット領域を越えてスクロールすると、position:fixed; のように動作し、ターゲット位置に固定されます。
   要素の配置は、特定のしきい値を超える前は相対配置であり、それ以降は固定配置です。
   この特定のしきい値は、上、右、下、または左の 1 つを指します。つまり、上、右、下、または左の 4 つのしきい値の 1 つを指定することによってのみ、スティッキー配置が有効になります。それ以外の場合、動作は相対位置決めと同じです。

6. inherit: 親要素から位置属性の値を継承します。

ドキュメント フローから切り離します。float、absolute、fixed を使用します。 (ドキュメント フローから分離された要素は、元の位置を占めなくなります)

注:Absolute を float と同時に使用することはできません。

上記は CSS の位​​置決めの使い方についてです。 CSS 位置決めの使用方法の完全な紹介 CSS ビデオ チュートリアル について詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。

以上がCSS位置決めを使用するにはどうすればよいですか? CSS位置決めの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。