Na aula, o professor explicou que quando se quer escolher a posição de um determinado elemento de forma "independente", utiliza-se a propriedade "position: absolute" no CSS. Deste modo, pode-se colocar o elemento onde quiser na página. Na aula, o mesmo foi feito inicialmente com relação ao elemento "nav": o professor conseguiu escolher a exata posição deste elemento. Todavia, não entendi o motivo da alteração da classe .caixa para "position: relative" influenciar/alterar a posição do elemento "nav", que possui o position: absolute. O elemento "nav" não deveria permanecer inalterado, considerando que possui a propriedade position: absolute? Por que ele se deslocou para aquela posição exata, referente à classe .caixa?
