Positions

Para que position: top; right; bottom; ou left; tenha efeito no elemento, é necessário que o mesmo seja diferente de static.

Para isso as classes:

.rel { position: relative;
}
.abs { position: absolute; 
}
.fix { position: fixed;
}

E aqui a tabela listando todas as declarações disponíveis para: top, right, bottom e left

ClassePropriedade: Valor
0 para remover declaração de position
t0top: 0 !important
r0right: 0 !important
b0bottom: 0 !important
l0left: 0 !important
inset0inset: 0 !important
Valores positivos
top                              
t1top: 1px
t2top: 2px
t3top: 3px
t4top: 4px
t5top: 5px
right                              
r1right: 1px
r2right: 2px
r3right: 3px
r4right: 4px
r5right: 5px
bottom                              
b1bottom: 1px
b2bottom: 2px
b3bottom: 3px
b4bottom: 4px
b5bottom: 5px
left                              
l1left: 1px
l2left: 2px
l3left: 3px
l4left: 4px
l5left: 5px
Valores negativos
top                              
t-1top: -1px
t-2top: -2px
t-3top: -3px
t-4top: -4px
t-5top: -5px
right                              
r-1right: -1px
r-2right: -2px
r-3right: -3px
r-4right: -4px
r-5right: -5px
bottom                              
b-1bottom: -1px
b-2bottom: -2px
b-3bottom: -3px
b-4bottom: -4px
b-5bottom: -5px
left                              
l-1left: -1px
l-2left: -2px
l-3left: -3px
l-4left: -4px
l-5left: -5px