CSS Position-Tutorial | CSS für Anfänger lernen

Heute starte ich meine Serie, um CSS von Grund auf bis zum Fortgeschrittenen zu erklären.

In diesem Video gehe ich auf alle Positionseigenschaften in CSS ein: static, relative, absolute, fixed und sticky.

Lerne, Elemente wie ein Profi zu positionieren!

Schnelle Notizen:

▪ Position static: Ist die Standardposition für HTML-Elemente – hat keine Wirkung.

▪ Position relative: Behält seine ursprüngliche Position bei, kann aber davon verschoben werden.

▪ Position absolute: Wird standardmäßig relativ zum nächsten übergeordneten Element (meistens das <body>-Tag) positioniert. Wenn du bei einem Eltern-Element position: relative definierst, wird es in diesem Kontext platziert.

▪ Position fixed: Nimmt das Element aus dem Dokumentfluss heraus und fixiert es im Viewport.

▪ Position sticky: Wechselt zwischen static und fixed, sobald eine bestimmte Scroll-Position erreicht wird.

Schau dir auch an: "Solltest du Software-Ingenieur werden?"