Wie verwende ich die CSS-Positionierung? So verwenden Sie die CSS-Positionierung

Dieser Artikel enthält Inhalte zur Verwendung der CSS-Positionierung. Die Methode zur Verwendung der CSS-Positionierung hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen.

Position

1. statisch: Standardmäßig erscheint das Element im normalen Fluss.

2. relativ: Relative Positionierung, relativ zur Normalposition, die ursprüngliche Position wird eingenommen.

3. fixed: Feste Positionierung, relativ zum Browserfenster.

4. absolut: Absolute Positionierung, relativ zum ersten übergeordneten Element positioniert, außer der statischen Positionierung, oder relativ zum ursprünglichen enthaltenden Block, wenn kein positioniertes Vorgängerelement vorhanden ist. Nachfolgende Elemente nehmen ihren ursprünglichen Platz ein und das Element wird aus dem Dokumentfluss entfernt.

5. klebrig: Position basierend auf der Scrollposition des Benutzers. Schaltet zwischen position:relative und position:fixed Positionierung um.
   Es verhält sich wie position:relative; und wenn die Seite über den Zielbereich hinaus scrollt, verhält es sich wie position:fixed und wird an der Zielposition fixiert.
   Bei der Elementpositionierung handelt es sich um eine relative Positionierung vor dem Überschreiten eines bestimmten Schwellenwerts und eine feste Positionierung danach.
   Dieser spezifische Schwellenwert bezieht sich auf einen von oben, rechts, unten oder links. Mit anderen Worten: Nur durch Angabe eines der vier Schwellenwerte oben, rechts, unten oder links kann die Sticky-Positionierung wirksam werden. Ansonsten entspricht das Verhalten der relativen Positionierung.

6. erben: Erben Sie den Wert des Positionsattributs vom übergeordneten Element.

Außerhalb des Dokumentenflusses: Verwenden Sie Float, Absolut, Fest. (Elemente, die vom Dokumentenfluss getrennt werden, belegen nicht mehr ihre ursprünglichen Positionen)

Hinweis: Absolut kann nicht gleichzeitig mit Float verwendet werden.

Oben geht es um die Verwendung der CSS-Positionierung. Eine vollständige Einführung in die Verwendung der CSS-Positionierung. Wenn Sie mehr über das CSS-Video-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWie verwende ich die CSS-Positionierung? So verwenden Sie die CSS-Positionierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!