ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでの配置位置とは何ですか?

CSSでの配置位置とは何ですか?

王林
王林オリジナル
2020-11-20 09:20:422404ブラウズ

CSS での位置の配置は、1. 静的、2. 固定、3. 相対、4. 絶対です。 static は位置決めを行わないことに相当し、relative は相対的に位置決めされた要素を生成します。

CSSでの配置位置とは何ですか?

CSS の位​​置には、静的、固定、相対、絶対の 4 つの値があります。

(学習ビデオ チュートリアル: css ビデオ チュートリアル)

詳細な紹介:

  • 静的: 位置決めなしの要素と同等通常の文書フローに表示されます。

  • fixed: 要素ボックスは絶対的なもののように動作しますが、fixed はビュー ウィンドウ自体、つまりブラウザ ウィンドウに対して相対的に配置されます。したがって、この配置の要素がページ上で下にスクロールされても、その位置は変わりません。

  • relative: 要素自体の位置を基準にして相対的に配置された要素を生成します。要素が元々占有していたスペースは引き続き保持されます。

  • absolute: 絶対配置要素を生成し、静的配置以外の最初に配置された祖先要素を基準にして配置します。静的配置は配置しないことと同じであるため、絶対配置は実際には最初に配置された祖先要素を基準に配置されます。すべての祖先要素が配置されていない場合は、最初に含まれるブロックまたはキャンバス (通常は body 要素) を基準に配置されます。

関連する推奨事項: CSS チュートリアル

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

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