Über die relative Funktion in CSS

Lassen Sie uns über seine eigenen Eigenschaften sprechen:

1. Die Positionierung von links, rechts, oben und unten ist alle relativ zu ihren eigenen Positionen Positionierung

2. Wenn links und rechts gleichzeitig vorhanden sind, wird links wirksam

3. Wenn oben und unten gleichzeitig vorhanden sind, wird die Existenz von oben wirksam

4. Kein Eingriff, behält die ursprüngliche Position bei und hat keinen Einfluss auf die Layout anderer Elemente

5. Kann in „Benutzerdefiniertes Drag & Drop“ verwendet werden

Verstehen Sie die Beziehung zwischen relativ und absolut :

1. Relative Elemente schränken die linke, rechte, obere und untere Positionierung interner absoluter Elemente ein

2. Relative Elemente schränken die interne Z-Index-Ebene absoluter Elemente

3. relativ ein Elemente begrenzen die internen absoluten Elemente, die durch Überlaufelemente festgelegt werden können

Verstehen Sie die Beziehung zwischen relativ und fest :

1. Das relative Element begrenzt die Z-Index-Ebene des internen festen Elements

Verstehen Sie die Beziehung zwischen relativem und Z-Index :

1. Einstellungen Relative Elemente erhöhen den Stapelkontext

2. Wenn der Z-Index automatisch relative Elemente ist, wird die Ebene der internen absoluten Elemente nicht eingeschränkt

3. Wenn der Z-Index a ist Bei einem numerischen Wert wird ein Stapelkontext erstellt, sodass die gestapelte numerische Größe der beiden relativen Elemente verglichen wird und nicht der Vergleich interner Elemente.

Nutzungshinweise:

1. Vermeiden Sie die Verwendung von relatives Attribut

2. Versuchen Sie bei Verwendung, den Kontrollbereich so einzugrenzen, dass er nur die einzuschränkenden internen Elemente einschließt

Das obige ist der detaillierte Inhalt vonÜber die relative Funktion in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!