CSS Position – Poradnik dla Początkujących | Jak Umiejscawiać Elementy

Dziś rozpoczynam serię lekcji CSS – od podstaw po zaawansowane.

W tym temacie omówię wszystkie właściwości pozycjonowania w CSS: static, relative, absolute, fixed i sticky.

Naucz się umieszczać elementy jak prawdziwy profesjonalista!

Szybkie notatki:

▪ Static: to domyślna pozycja dla elementów HTML – nie wpływa na nic.

▪ Relative: zachowuje swoją początkową pozycję, ale można ją przesunąć względem niej.

▪ Absolute: domyślnie pozycjonuje się względem najbliższego przodka (zwykle <body>). Jeśli rodzicowi ustawisz position: relative, element będzie pozycjonowany względem niego.

▪ Fixed: wyrywa element z dokumentu i mocuje go do widoku (viewport).

▪ Sticky: przełącza się między static a fixed w zależności od przewijania.

Sprawdź też: «Czy warto zostać inżynierem oprogramowania?»