この記事では、css における position の意味と、すべての値の 関数を主に紹介します。
フロントエンド開発を学習している人にとって、css の Position 属性は重要です。簡単に言うと、CSS における位置とは、要素の位置の種類を指定することを意味します。
それでは、position の属性値は何でしょうか? つまり、css の配置タイプは何ですか?
以下では、簡単なコード例を使用して、position の値とその機能を要約し、紹介します。
1. 絶対
静的配置以外の最初の親要素を基準にして配置される、絶対配置要素を生成します。要素の位置は、「left」、「top」、「right」、および「bottom」属性によって指定されます。
コード例:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
|
2、修正済み
ブラウザ ウィンドウを基準にして相対的に配置された絶対配置要素を生成します。要素の位置は、「left」、「top」、「right」、および「bottom」属性によって指定されます。 コード例:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
|
3、相対
通常の位置を基準にして、相対的に配置された要素を生成します。したがって、「left:20」は要素の LEFT 位置に 20 ピクセルを追加します。 コード使用例:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
|
デフォルト値。位置決めを行わない場合、要素は通常のフローで表示されます (上、下、左、右、または z-index 宣言は無視されます)。
5.inheritは、position 属性の値を親要素から継承することを指定します。
この記事は、CSS の Position 属性に関する関連知識をまとめたもので、困っている友人のお役に立てれば幸いです。
フロントエンド関連の知識について詳しく知りたい場合は、PHP 中国語 Web サイトの
css ビデオ チュートリアル、Bootstrap チュートリアル 、およびその他の関連フロントエンドを参照してください。誰でも学習して参照することを歓迎します。
以上がCSSでの位置とはどういう意味ですか?その価値と機能は何ですか? (要約)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。