CSS-Positionierungseigenschaften
Die CSS-Eigenschaft position bestimmt, wo ein Element auf Ihrer Seite platziert wird. Mit top, right, bottom und left können Sie es verschieben.
Es gibt fünf Hauptarten der Positionierung.
Static
Dies ist die Standardeinstellung. Elemente folgen der normalen Reihenfolge der Seite. Die Verwendung von top- oder left-Eigenschaften bewirkt hier nichts.
Relative
Dies verschiebt ein Element ausgehend von seiner ursprünglichen Position. Wenn Sie top um 20px erhöhen, bewegt sich das Element nach unten. Andere Elemente bleiben an ihren ursprünglichen Plätzen und füllen die entstandene Lücke nicht aus.
Absolute Dies entfernt ein Element aus dem normalen Seitenfluss. Es positioniert sich relativ zu seinem nächsten positionierten Vorfahren.
Weitere Typen sind fixed und sticky. fixed-Elemente bleiben an einer Stelle, auch wenn Sie scrollen. sticky-Elemente verhalten sich wie relative Elemente, bis sie einen bestimmten Punkt erreichen, an dem sie dann fixiert bleiben.
Erfahren Sie hier mehr über diese Eigenschaften.
Quelle: https://dev.to/kavin_loyola_660466e5ea96/css-position-properties-23o8