Looking for css Answers? Try Ask4KnowledgeBase
Looking for css Keywords? Try Ask4Keywords

CSSポジショニング


構文

  • position:static | absolute | fixed | relative | sticky | initial |継承| unset;
  • Zインデックス:自動| number | initial |継承します。

パラメーター

パラメータ詳細
静的デフォルト値。要素フローは、ドキュメントフローに表示される順序でレンダリングされます。 top、right、bottom、left、z-indexの各プロパティは適用されません。
相対要素は通常位置に対して相対的に配置されているため、 left:20px 20ピクセルが要素のLEFT位置に20ピクセルを加算します
一定要素はブラウザウィンドウに対して配置されます
絶対の要素は、最初に配置された(静的ではない)祖先要素
初期このプロパティをデフォルト値に設定します。
継承する親要素からこのプロパティを継承します。
粘着性の実験的な特徴。与えられたオフセット・スレッショルドに達するまで、その親の内部でposition: staticように動作し、 position: fixedとして動作します。
設定されていない初期と継承の組み合わせ。詳細はこちら

備考

ノーマルフローは、エレメントの位置が静的である場合のエレメントのフローです。

  1. 場合によっては要素の内容の重複を防ぐため、 幅を定義することは有益です。

ポジショニング 関連する例