位置のいくつかの属性の機能は何ですか?

位置の 4 つの一般的な属性値: 相対、絶対、固定、静的。通常、「left」、「top」、「right」、「bottom」属性と組み合わせて使用​​されます。

詳しく説明しましょう:

static: デフォルトの場所

通常の状況では、特に宣言する必要はありませんが、場合によっては、継承が発生した場合、要素によって継承された属性がそれ自体に影響を与えるのを望まないため、Position:static を使用して継承をキャンセルできます。つまり、要素の位置のデフォルト値を復元できます。静的に設定された要素は、常にページ フローによって指定された位置に配置されます (静的要素は、上、下、左、または右の宣言を無視します)。まれに使用されます。

relative: 相対位置決め

相対位置決めは、要素のデフォルト位置を基準にします。そのオフセットの上、右、下、左の値はすべてベースになります。他の要素に何が起こるかに関係なく、元の位置がベース オフセットになります。相対的に移動された要素は、依然として元の位置のスペースを占有していることに注意してください。

absolute: 絶対配置

絶対に設定された要素は、その親コン​​テナが位置属性を設定し、位置属性値が絶対または相対の場合、次のようになります。親コンテナに基づいてオフセットされます。親コンテナが位置プロパティを設定していない場合、オフセットは本体に基づきます。絶対属性が設定された要素は、標準フロー内の位置を占めないことに注意してください。

fixed: 固定配置

位置が固定に設定されている要素は、ブラウザ ウィンドウを基準にして指定された座標に配置できます。要素は、ウィンドウがスクロールされているかどうかに関係なく、その位置に留まります。それは常に身体に基づいています。固定属性が設定された要素は、標準フロー内の位置を占めないことに注意してください。

推奨チュートリアル: css クイック スタート

以上が位置のいくつかの属性の機能は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。