CSS の相対配置と絶対配置の概要

1. 通常、要素の位置を設定しない場合、デフォルトで静的になります。このとき、要素は位置決めされず、left/right などのオフセット属性は効果がありません。

2.position:relative (相対配置)

相対配置に設定すると、要素の元の位置を基準にして左/右のオフセットを設定でき、元の位置は依然としてドキュメント内に残ります。スペースとオフセットフローの他の要素が押し出されることがないため、重複が発生した場合は、z-index を通じてスタック順序を設定できます。

3.position:absolute

要素が絶対配置に設定されている場合、要素はドキュメント フロー内のスペースを占有せず、フローティングになります。相対配置とは異なり、絶対配置では、ドキュメント フロー内の元の位置のスペースが削除されます。配置

は、静的ではない親要素を介して配置されます (親要素が静的な場合は、親要素の親要素を検索します)。上がってみてください）。

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