ホームページ  >  記事  >  ウェブフロントエンド  >  CSSの位置ってどういう意味ですか?

CSSの位置ってどういう意味ですか?

王林
王林オリジナル
2020-11-24 14:27:0711529ブラウズ

css の Position は、要素の配置タイプを指定する属性です。 Position 属性は、要素のレイアウトを確立するために使用される位置決めメカニズムを定義します。任意の要素を配置できますが、絶対要素または固定要素は、要素自体のタイプに関係なく、ブロック レベルのボックスを生成します。

CSSの位置ってどういう意味ですか?

環境:

この記事は、すべてのブランドのコンピューターに適用されます。

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

属性の紹介:

position 属性は、要素の配置タイプを指定します。

この属性は、要素のレイアウトを確立するために使用される位置決めメカニズムを定義します。任意の要素を配置できますが、絶対要素または固定要素は、要素自体のタイプに関係なく、ブロック レベルのボックスを生成します。相対的に配置された要素は、通常のフローではデフォルトの位置からオフセットされます。

属性値:

  • absolute 静的配置以外の最初の親要素を基準にして配置される絶対配置要素を生成します。要素の位置は、「left」、「top」、「right」、「bottom」属性によって指定されます。

  • fixed ブラウザ ウィンドウを基準にして絶対配置された要素を生成します。要素の位置は、「left」、「top」、「right」、「bottom」属性によって指定されます。

  • relative 通常の位置を基準にして、相対的に配置された要素を生成します。したがって、「left:20」は要素の LEFT 位置に 20 ピクセルを追加します。

  • 静的デフォルト値。位置決めを行わない場合、要素は通常のフローで表示されます (上、下、左、右、または z-index 宣言は無視されます)。

  • #inherit 位置属性の値を親要素から継承することを指定します。

例:

h2 要素の配置:

h2
  {  
  position:absolute;
  left:100px;
  top:150px;
  }

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

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

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