CSSの相対的な理解

1. 絶対に対する相対の制限効果

1. 左/上/右/下の位置を制限します。絶対は親クラスの左上隅に設定されます。親クラスが相対に設定されている場合、絶対は親クラスの領域に制限されます。上/左/右/下を設定すると、開始点は上になります。親クラスの左隅

2. z-index レベルを制限します。ページ上の 2 つの絶対クラスの Z インデックスは異なり、自動ではありません。これら 2 つの絶対クラスの親クラスに相対クラスがある場合、そのレベルは親クラスの相対 Z インデックスに依存します

。 3. オーバーフロー時のエフェクトを制限します。デフォルトでは、overflow:hidden は、absolute を制限できません。次に、相対を追加する必要があります

2. 相対は、固定 Z インデックス レベルのみを制限できます

3. 相対と位置決め

1. 相対の位置決めとオフセットは、それ自身の位置に対して相対的です

2. 相対的な位置決めは行われません。他の要素の位置に影響を与えます。機能: ドラッグ アンド ドロップ機能のカスタマイズに使用できます

4. 相対最小化影響の原則

他の要素またはレイアウトに対する相対属性の潜在的な影響を最小限に抑えることを指します

1. 相対属性の使用を避けるようにしてください

2. 使用する必要があります 場合によっては、relative も最小化する必要があります

CSS の理解における相対に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。