ホームページ >ウェブフロントエンド >CSSチュートリアル >Position 属性の 4 つの値 (静的、固定、相対、絶対) の違いと使い方の詳細な説明

Position 属性の 4 つの値 (静的、固定、相対、絶対) の違いと使い方の詳細な説明

高洛峰
高洛峰オリジナル
2017-03-16 09:52:412311ブラウズ

1、static (staticpositioning): デフォルト値。配置を行わない場合、要素は通常のドキュメント フローに表示されます (topbottomleftrightz-indexこれらの プロパティが設定されている場合、それは不自然なものではありません)。

2. 相対 (相対配置): 相対的に配置された要素を生成し、上、下、左、右の設定を通じて元の位置を基準にして配置します。階層分類は、z-index を通じて実行できます。

3. 絶対 (絶対配置): 絶対配置要素を生成し、配置を含む最初の親要素を基準にして配置します (静的配置を除く)。要素の位置は、「left」、「top」、「right」、「bottom」プロパティを使用して設定されます。階層的なグレーディングは、z-index を通じて実行することもできます。

4. 固定 (固定位置): 絶対位置の要素を生成し、ブラウザー ウィンドウを基準にして配置します。要素の位置は、「left」、「top」、「right」、「bottom」プロパティを使用して設定されます。階層的なグレーディングは、z-index を通じて実行することもできます。

z-index 属性は、要素の積み重ね順序を設定します。積み重ね順序が高い要素は常に、積み重ね順序が低い要素の前に表示されます。つまり、大きな属性値を持つ要素は小さな属性値を持つ要素の上に積み重ねられますが、前提条件は同じレベルの要素です (: Z インデックスは位置決めされた要素でのみ機能し、要素は負の Z インデックスを持つことができます)属性値。)


以上がPosition 属性の 4 つの値 (静的、固定、相対、絶対) の違いと使い方の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。