CSS

Position

Udává jakou metodou je element umístěn na stránce. Výchozí pro většinu elementů je metoda "static".

Seznam Metod

Static	Výchozí hodnota pro většinu elementů. Běžné umístění.
Relative	Umístí se relativně ke své jinak běžné pozici. Místo, kde by element běžně byl nebude zaplněno něčím jiným.
Fixed	Umístí se relativně k velikosti celého displeje. Zůstane na místě i při posouvání stránky.
Absolute	Umístí se relativně k nejbližšímu relativně umístěnému elementu, jehož je součástí. Element je vyjmut z běžného rozpoložení stránky a tak může dojít k překrýtí s jiným elementem.
Sticky	Přepíná mezi "relative" a "fixed" metodou, podle pozice posunutí stránky. Dokud je element v rámci daného odsazení od konce displeje, tak je umístěn metodou "relative" a když ho dosáhne, přepne se na "fixed" a zůstává tak na místě i při posouvání stránky.

Relativní Pozice

Ahoj - původní pozice

Ahoj - relativní pozice

CSS Kód

position: relative;
top: 10px;
left: 40px;

Pevná (Fixed) Pozice

Odkaz "Fixed Position - Úvod" na stránce

CSS Kód

Uvedena jen část kódu vztahující se k pozici

position: fixed;
bottom: 0;
left: 0;

Absolutní Pozice

Hlavní Box

Box s absolutní pozicí

CSS Kód

Uvedena jen část kódu vztahující se k pozici

Hlavní Box:
position: relative;
top: 0;
left: 0;

Vnitřní Box:
position: absolute;
top: 30px;
left: 10%;

Sticky Pozice

Odkaz "Sticky Position - Úvod" na stránce

CSS Kód

Uvedena jen část kódu vztahující se k pozici

position: sticky;
top: 5px;