Welche Funktionen haben die verschiedenen Positionsattribute?

Die vier gemeinsamen Attributwerte der Position: relativ, absolut, fest, statisch. Wird im Allgemeinen in Verbindung mit den Attributen „links“, „oben“, „rechts“ und „unten“ verwendet.

Lassen Sie es uns unten im Detail erklären:

statisch: Standardspeicherort

Im Allgemeinen müssen wir es nicht speziell deklarieren, aber manchmal Wenn wir auf eine Vererbung stoßen, möchten wir nicht, dass sich die vom Element geerbten Attribute auf sich selbst auswirken. Daher können wir Position: static verwenden, um die Vererbung abzubrechen, dh um den Standardwert der Positionierung des Elements wiederherzustellen. Ein auf „statisch“ gesetztes Element befindet sich immer an der durch den Seitenfluss angegebenen Position (statische Elemente ignorieren alle Top-, Bottom-, Left- oder Right-Deklarationen). Wird nicht häufig verwendet.

relativ: Relative Positionierung

Die relative Positionierung erfolgt relativ zur Standardposition des Elements. Die Werte für den Versatz oben, rechts, unten und links basieren alle darauf ist die ursprüngliche Position der Basisversatz, unabhängig davon, was mit anderen Elementen passiert. Beachten Sie, dass das relativ verschobene Element immer noch Platz an seiner ursprünglichen Position einnimmt.

absolut: Absolute Positionierung

Ein auf absolut gesetztes Element. Wenn für seinen übergeordneten Container ein Positionsattribut festgelegt ist und der Positionsattributwert absolut oder relativ ist, dann Es wird basierend auf dem übergeordneten Container versetzt. Wenn der übergeordnete Container die Positionseigenschaft nicht festlegt, basiert der Offset auf dem Körper. Beachten Sie, dass Elemente mit dem absoluten Attributsatz keine Position im Standardfluss belegen.

fest: feste Positionierung

Elemente, deren Position auf fest eingestellt ist, können an angegebenen Koordinaten relativ zum Browserfenster positioniert werden. Das Element bleibt an dieser Position, unabhängig davon, ob das Fenster gescrollt wird oder nicht. Es basiert immer auf dem Körper. Beachten Sie, dass Elemente mit dem festen Attributsatz keine Position im Standardfluss belegen.

Empfohlenes Tutorial: Schnellstart mit CSS

Das obige ist der detaillierte Inhalt vonWelche Funktionen haben die verschiedenen Positionsattribute?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!