ホームページ  >  記事  >  ウェブフロントエンド  >  CSSの相対機能について

CSSの相対機能について

一个新手
一个新手オリジナル
2017-10-20 09:31:061976ブラウズ

それぞれの特徴について話しましょう:

  1. 左、右、上、下の位置はすべてそれぞれの位置を基準にしています

  2. 左と右が同時に存在するとき、左が有効になります

  3. 上と下が同時に存在する場合、上が有効になります

  4. 侵入はなく、元の位置を保持し、他の要素のレイアウトには影響しません

  5. 「カスタムドラッグ」で使用できます

相対要素と絶対要素の関係を理解する:

  1. 相対要素は、内部絶対要素の左、右、上、下の位置を制限しますelement

  2. 相対要素は、内部絶対要素の z-index レベルを制限します

  3. 相対要素は、オーバーフロー要素によって設定できる内部絶対要素を制限します

理解相対要素と固定要素の関係:

  1. 相対要素は内部固定要素の z-index を制限します。階層

相対要素と z-index の関係を理解し​​ます:

  1. 相対要素を設定すると、スタッキングコンテキストが増加します

  2. z-index が auto の相対要素である場合、内部の絶対要素のレベルは制限されません

  3. z-index が数値を指定すると、スタックコンテキストが作成され、内部要素の比較ではなく、2 つの相対要素のスタック数値サイズが比較されます。

使用上の注意:

  1. 相対属性の使用は避けてください

  2. 使用する場合は、制限される内部要素のみを含むように制御領域を縮小してください

以上がCSSの相対機能についての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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