相対位置決めまたは絶対位置決めの条件

位置を理解するには、まずドキュメント フローを理解する必要があります。ドキュメント フロー内で相対的に配置された要素は、後続の要素 (ブロック要素、インライン ブロック要素) に影響を与えます。たとえば、2 つの p が並んでいる場合、もう一つは包みます。

111

222

絶対配置は、要素をドキュメント フローから追い出すことであり、ドキュメント フローの位置を占めることもありません。後続の要素に影響しますか。

111

222

上の例のように、111 と 222 は重複し、要素を検査し、 222 には実際の位置があり、111 には位置がありません。 left、right、top、bottom およびその他の属性を使用して、最も近い親オブジェクトを基準とした絶対的な配置を実行します。そのような親オブジェクトがない場合は、body オブジェクトに基づいて配置されます。そして、そのカスケードは z-index 属性を通じて定義されます。

Web ページのレイアウトには、さまざまなデバイスやさまざまな解像度との互換性が関係するため、絶対的な配置はほとんどのシナリオには適さないことが運命づけられています。 。したがって、レイアウトは、デバイスの高さと幅ではなく、上位要素の位置にのみ依存します。

絶対配置に適したシナリオは、主にいくつかのページ補助機能です。

以上が相対位置決めまたは絶対位置決めの条件の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。