Position im CSS

1. Positionssyntax und Struktur

Positionssyntax: Position: statisch absolut relativ

Positionsparameter:
statisch: Keine spezielle Positionierung, das Objekt folgt den HTML-Positionierungsregeln
absolut: Ziehen Sie das Objekt aus dem Dokumentfluss und verwenden Sie links, rechts, oben, unten und andere Attribute für die absolute Positionierung. Und seine Kaskadierung wird durch die CSS-Z-Index-Eigenschaft definiert. Zu diesem Zeitpunkt hat das Objekt keine Ränder, aber es gibt immer noch Abstände und Ränder
relativ: Das Objekt kann nicht gestapelt werden, sondern wird im normalen Dokumentfluss basierend auf links, rechts, versetzt. oben, unten und andere Attribute

2. Bedingungen für die Verwendung der absoluten Positionierung

position:absolute;position:relativeDie Verwendung der absoluten Positionierung ist normalerweise definiert durch die übergeordnete Position: relative Positionierung, untergeordnete Ebene definiert das absolute Positionierungsattribut position: absolute, und das untergeordnete Element verwendet links oder rechts und oben oder unten für die absolute Positionierung.

3. Zusammenfassung der absoluten CSS-Positionierung

Absolute Positionierung Wenn das übergeordnete Element nicht position:relative, sondern direkt position:absolute absolute Positionierung verwendet, wird das Body-Tag als übergeordnetes Element verwendet Dieses Mal definiert die Verwendung von Position:absolute, dass das Objekt unabhängig davon, auf wie vielen Ebenen der DIV-Struktur es sich befindet, mit als übergeordnetes Element (Referenzebene) für die absolute Positionierung herausgezogen wird.

Wir können den CSS-Z-Index verwenden, um die überlappende Reihenfolge der CSS-Ebenen während der absoluten Positionierung zu definieren.

Das obige ist der detaillierte Inhalt vonPosition im CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!