Welche Kategorien der relativen Positionierung gibt es?

Die relative Positionierung umfasst die Klassifizierung nach Positionierungsmethode, die Klassifizierung nach Positionierungsrichtung, die Klassifizierung nach Positionierungsentfernung und die Klassifizierung nach Positionierungsreferenzobjekt. Detaillierte Einführung: 1. Die Klassifizierung nach Positionierungsmethode umfasst statische Positionierung, relative Positionierung, absolute Positionierung und feste Positionierung. 2. Klassifizierung nach Positionierungsrichtung umfasst horizontale Positionierung und vertikale Positionierung. 3. Klassifizierung nach Positionierungsentfernung umfasst statische Positionierung und relative Positionierung , Absolute Positionierung und feste Positionierung; 4. Die Klassifizierung nach Positionierungsreferenzobjekten umfasst statische Positionierung, relative Positionierung, absolute Positionierung und feste Positionierung.

Das Betriebssystem dieses Tutorials: Windows 10-System, DELL G3-Computer.

Relative Positionierung ist eine häufig verwendete Methode beim Bildlayout und kann je nach Bedarf und Szenario klassifiziert werden. Im Folgenden sind einige gängige Klassifizierungsmethoden für die relative Positionierung aufgeführt:

1. Klassifizierung nach Positionierungsmethode

Statische Positionierung (statisch): Statische Positionierung ist die Standardpositionierungsmethode für Elemente, und Elemente werden gemäß dem normalen Dokumentfluss angeordnet. Bei dieser Positionierungsmethode wird das Element nicht von oben, rechts, unten und beeinflusst Der Einfluss von Attributen wie left.

Relative Positionierung (relativ): Relativ positionierte Elemente werden entsprechend ihrer Position im normalen Dokumentenfluss angepasst. Sie können oben, rechts, unten und links einstellen und andere Attribute, um die Position des Elements zu ändern. Relativ positionierte Elemente bleiben im Dokumentenfluss und haben keinen Einfluss auf andere Elemente.

Absolute Positionierung (absolut): Absolut positionierte Elemente werden im Verhältnis zu ihren nächsten nicht statischen Elementen aus dem Dokumentenfluss ausbrechen Das positionierte Vorgängerelement wird positioniert. Wenn keine Vorgängerelemente vorhanden sind, erfolgt die Positionierung relativ zum ursprünglichen enthaltenden Block des Dokuments. Sie können oben, rechts, unten und links einstellen und andere Attribute, um die Position des Elements zu ändern. Absolut positionierte Elemente wirken sich auf andere Elemente aus.

Feste Positionierung (fixed): Fest positionierte Elemente werden aus dem Dokumentenfluss getrennt und relativ zum Browserfenster positioniert. Sie können oben, rechts, unten und links einstellen und andere Attribute, um die Position des Elements zu ändern. Fest positionierte Elemente wirken sich auf andere Elemente aus.

2. Klassifizierung basierend auf der Positionierungsrichtung

Horizontale Positionierung: Horizontale Positionierung bedeutet, dass ein Element in horizontaler Richtung relativ zu seinen Vorgängerelementen positioniert wird. Dies kann durch Festlegen der linken und rechten Eigenschaften erreicht werden.

Vertikale Positionierung: Vertikale Positionierung bedeutet, dass ein Element vertikal relativ zu seinen Vorgängerelementen positioniert ist. Dies kann durch Festlegen der oberen und unteren Eigenschaften erreicht werden.

3. Klassifizierung basierend auf dem Positionierungsabstand

Statische Positionierung: Statische Positionierungselemente werden entsprechend ihrer Position im normalen Dokumentenfluss angepasst, ändern jedoch nicht den relativen Abstand zwischen Elementen.

Relative Positionierung: Relativ positionierte Elemente werden entsprechend ihrer Position im normalen Dokumentenfluss angepasst. Sie können oben, rechts, unten und links festlegen und andere Eigenschaften, um den relativen Abstand zwischen Elementen zu ändern.

Absolute Positionierung: Ein absolut positioniertes Element wird aus dem Dokumentenfluss entfernt und relativ zu seinem nächsten nicht statisch positionierten Vorgängerelement positioniert. Der relative Abstand zwischen den Elementen wird durch oben, rechts, unten und bestimmt Bestimmt durch Eigenschaften wie left.

Feste Positionierung: Fest positionierte Elemente werden aus dem Dokumentenfluss getrennt und relativ zum Browserfenster positioniert. Der relative Abstand zwischen Elementen wird durch Eigenschaften wie oben, rechts, unten und links bestimmt.

4. Klassifizierung basierend auf der Positionierung des Referenzobjekts

Statische Positionierung: Statische Positionierungselemente werden entsprechend ihrer Position im normalen Dokumentenfluss angepasst.

Relative Positionierung: Relativ positionierte Elemente werden entsprechend ihrer Position im normalen Dokumentenfluss angepasst. Die Referenz ist die Position des Elements im normalen Dokumentenfluss.

Absolute Positionierung: Absolut positionierte Elemente werden im Verhältnis zu ihren nächsten nicht statischen Elementen aus dem Dokumentenfluss gelöst Das positionierte Vorgängerelement wird positioniert. Die Referenz ist die Position des Vorgängerelements. Wenn keine Vorgängerelemente vorhanden sind, erfolgt die Positionierung relativ zum ursprünglichen enthaltenden Block des Dokuments.

Feste Positionierung: Fest positionierte Elemente werden aus dem Dokumentenfluss getrennt und relativ zum Browserfenster positioniert. Das Referenzobjekt ist die Position des Browserfensters.

Kurz gesagt, die relative Positionierung kann nach unterschiedlichen Bedürfnissen und Szenarien klassifiziert werden. Wenn Sie diese Klassifizierungsmethoden verstehen, können Sie die Verwendung der relativen Positionierung besser beherrschen und ein flexibleres Bildlayout erreichen.

Das obige ist der detaillierte Inhalt vonWelche Kategorien der relativen Positionierung gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!