Solucionado
Na aula 7, após aplicar a positon relative na div (.caixa), a nav passa a tomar essa div como referência e por isso ela muda a posição?
Não entendi isso muito bem, porque na explicação da aula anterior deu a entender o valor absolut na propriedade position faz a referência de posição ser a página. Então ela deveria manter seu valor absoluto independente da posição de outros elementos.
A nav passa a ter qual referência em relação à div e à página?
hoje, com a Alura e o Google Gemini
Fala ai Bruno, tudo bem? Vamos lá:
Na aula 7, após aplicar a positon relative na div (.caixa), a nav passa a tomar essa div como referência e por isso ela muda a posição?
Exatamente, quando trabalhamos com position existe toda hierarquia que podemos levar em consideração, onde, um elemento com position: absolute vai procurar por um pai que tenha um position não padrão definido.
Não entendi isso muito bem, porque na explicação da aula anterior deu a entender o valor absolut na propriedade position faz a referência de posição ser a página. Então ela deveria manter seu valor absoluto independente da posição de outros elementos.
Como eu eu disse na resposta acima, a referência até então era a página porque nenhum pai da nav havia mudado o comportamento padrão do position.
A partir do momento que adicionamos position: relative para o pai da nav, esse passar a ser a referência do posicionamento.
Para um melhor entendimento, da uma olhada no video do Marco:
Espero ter ajudado.