relative, absolute, fixed i sticky — względem czego?

relative zachowuje miejsce w układzie i pozwala przesunąć element. absolute wypada ze zwykłego przepływu i pozycjonuje się względem odpowiedniego containing block — często najbliższego pozycjonowanego przodka.

.card { position: relative; }
.badge { position: absolute; top: 8px; right: 8px; }
.header { position: sticky; top: 0; }

fixed zwykle odnosi się do viewportu. sticky zachowuje miejsce i przy przewijaniu przykleja się w granicach swojego kontenera.

Pułapka: transformacja przodka może zmienić containing block elementu fixed. Sticky zależy od kontenera przewijania i potrzebuje progu, np. top. Samo z-index: 9999 nie pozwala wyjść poza własny stacking context.