Domyślnie elementy układają się jeden pod drugim. Aby to zmienić i np. przykleić menu do góry ekranu lub umieścić ikonę w rogu zdjęcia, musisz zrozumieć position. To klucz do zaawansowanych układów.
Kluczowe zagadnienia:
position: relative(przesunięcie).position: absolute(elementy latające).position: fixed(elementy przyklejone).- Warstwy
z-index.
Sprawdź wiedzę (Pytania do filmu):
- Jaka jest domyślna pozycja każdego elementu?
- Co robi
position: relative? - Co robi
position: absolute? - Co robi
position: fixed? - Jakie właściwości przesuwają element pozycjonowany?
- Względem czego pozycjonuje się element absolutny?
- Co robi
z-index? - Czy element
fixedprzesuwa się podczas przewijania strony? - Jak przykleić menu do góry strony?
- Co się stanie, jeśli damy elementowi absolutnemu
z-index: -1?