Position absolute e relative
Entenda o containing block: relative no pai, absolute no filho.
O elemento com absolute se posiciona em relação ao ancestral mais próximo com position diferente de static (aqui, o pai relative).
HTML
CSS
Pré-visualização ao vivo