Wozu dient die Position?

Position hat fünf Verwendungszwecke: „statisch“, „relativ“, „absolut“, „fest“ und „klebrig“: 1. statischer Standardwert, was bedeutet, dass keine spezielle Positionierung erfolgt; 2. relative Positionierung, was relativ zum Element bedeutet 3. Absolute absolute Positionierung, d. h. Positionierung relativ zum nächsten nicht statisch positionierten Vorgängerelement usw.

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

In CSS hat das Positionsattribut folgende Verwendungszwecke:

1. statisch: Standardwert, die Elemente werden normal entsprechend dem Dokumentenfluss angeordnet und es wird keine spezielle Positionierung durchgeführt.

2. relativ: Relative Positionierung, ein Element wird relativ zu seiner normalen Position im Dokumentenfluss positioniert. Sie können die Eigenschaften „oben“, „rechts“, „unten“ und „links“ verwenden, um den Versatz eines Elements relativ zu seiner normalen Position anzupassen.

3. absolut: Absolute Positionierung, das Element wird relativ zum nächsten nicht statisch positionierten Vorgängerelement positioniert. Wenn kein nicht statisch positioniertes Vorgängerelement gefunden wird, wird es relativ zum anfänglichen enthaltenden Block des Dokuments positioniert. Sie können die Attribute „oben“, „rechts“, „unten“ und „links“ verwenden, um den Versatz eines Elements relativ zu seinem positionierten übergeordneten Element anzugeben.

4. fixiert: Feste Positionierung, das Element wird relativ zum Browserfenster positioniert und bleibt an einer festen Position, auch wenn die Seite gescrollt wird. Mit den Attributen oben, rechts, unten und links können Sie den Versatz eines Elements relativ zum Browserfenster angeben.

5. Sticky: Sticky-Positionierung. Das Element wird entsprechend der Bildlaufposition im Dokumentfluss positioniert, bis es nach Erreichen eines bestimmten Schwellenwerts zu einer festen Positionierung wird. Sie können die Eigenschaften „top“, „right“, „bottom“ und „left“ verwenden, um den Versatz eines Elements relativ zu seinem positionierten übergeordneten Element oder dem Ansichtsfenster anzugeben.

Durch die Verwendung dieser Positionierungsmethoden in Kombination mit geeigneten Offset-Attributen können Sie verschiedene komplexe Layouteffekte erzielen, z. B. das Erstellen von schwebenden Effekten, festen Navigationsleisten und absolut positionierten Popup-Boxen usw.

Das obige ist der detaillierte Inhalt vonWozu dient die Position?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!