CSS Position プロパティの値は何ですか?

CSS Position 属性値は次のとおりです: 1. static、位置のデフォルト値; 2.fixed、固定位置の要素を生成します; 3.absolute、絶対位置の要素を生成します; 4.relative、相対的に配置された要素を生成します 要素; 5. 継承、親の属性値を継承します。

1. 位置: 相対; 相対位置決め

• は、要素自体の特性には影響しません (要素自体の特性には影響しません)。ブロック要素または内部のリンクされた要素は元の特性を保持します)

• は要素をドキュメント フローから取り除きません (要素の元の位置は、位置が変更されると、新しい位置は占有されません)

• 位置オフセットがない場合、要素には影響しません (元の位置を基準としたオフセット)

• レベルを上げます (z-index スタイルの値を使用できます) 配置された要素の階層関係を変更し、要素のカバー関係を変更します。値が大きいほど、上位になります。 Z-index は、position 属性値が相対、絶対、または固定である要素に対してのみ有効です。) (どちらも位置決めされた要素であり、後者は前の位置決めを上書きします)

2. 位置: 絶対; 絶対配置

• 要素をドキュメント フローから完全に外します (ドキュメント フロー内で、中央にスペースが占有されなくなります)

• 幅と高さを設定するときにインライン要素の幅と高さをサポートするようにします (インライン要素の特性を変更します)

• ブロック要素の幅をコンテンツによって拡張するようにします幅が設定されていない場合（ブロック要素の特性を変更する）

• 最後に配置された親要素を基準としたオフセット（親要素が配置されていない場合は、そのレイヤーを検索します）ドキュメント - ページ ドキュメント オブジェクトまでレイヤーごと)

• 相対配置は、通常、絶対配置と組み合わせて使用​​されます (親要素のオフセットを基準に親要素を相対配置に設定します)。

• プロモート レベル (相対位置と同じ)

3. 位置: 固定; 固定位置

固定生成 固定位置要素はブラウザ ウィンドウを基準にして配置されます。

4.position:static: デフォルト値

デフォルトのレイアウト。要素は通常のフローで表示されます (上、下、左、右、または z-index 宣言は無視されます)。

6.position:inherit

Position 属性の値を親要素から継承することを指定します。

推奨チュートリアル: 「CSS チュートリアル 」

以上がCSS Position プロパティの値は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。