CSSでの位置

1. 位置の構文と構造

位置の構文: position : 静的絶対相対

position パラメータ:
static : 特別な位置決めなし、オブジェクトは HTML の位置決め規則に従います
absolute : オブジェクトをフローしますドキュメントをドラッグして、左、右、上、下、およびその他の絶対位置の属性を使用します。そして、そのカスケードは css z-index プロパティを通じて定義されます。現時点では、オブジェクトには余白はありませんが、パディングと境界線はまだあります
相対: オブジェクトは積み重ねることはできませんが、左、右、上、下、その他の属性に基づいて通常のドキュメント フロー内でオフセットされます。

2. 絶対配置条件を使用する

position:absolute; position:relative 絶対配置では、通常、親はposition:relative配置を定義し、子はposition:absolute絶対配置属性を定義し、子はleftまたはrightを使用します。絶対位置の場合は上または下です。

3. CSS絶対配置のまとめ

絶対配置 親がposition:relativeを使用せず、直接position:absolute絶対配置を使用する場合、今回はbodyタグが親として使用され、position:absoluteが使用されます。オブジェクトが DIV 内にあるかどうかに関係なく、オブジェクトを定義します。絶対配置のために を親 (参照レベル) としてドラッグアウトされる構造のレイヤーの数。

CSS z-index を使用して、絶対配置中に CSS レイヤーの重なり順を定義できます。

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