Por default um elemento definido como absolute sempre vai absoluto em relação a página toda incialmente?
Grato a quem responder!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Por default um elemento definido como absolute sempre vai absoluto em relação a página toda incialmente?
Grato a quem responder!
Olá Igor, tudo bem?
Na verdade, nem sempre! Temos que entender isso como uma sequência de passos.
A primeira regra é que quando o elemento filho está com umposition: absolute e o seu elemento pai não tem position: relative declarado, esse elemento irá adaptar o seu posicionamento em relação a tela do navegador.
No exemplo do menu do curso de HTML e CSS, quando acrescentamos o position: absolute no elemento nav, ele passa a se posicionar conforme o browser, por que esse é o primeiro padrão, visto que não fizemos nada com o elemento pai.
Após esse passo, a partir do momento em que acrescentamos o position: relative no elemento pai que é representado pela class .caixa, estamos informando ao navegador que o posicionamento daquele elemento filho agora será relativo ao seu pai.
Dessa forma, quando acresentamos as propriedades top: 110px; e right: 0; no nav, após termos colocado o position: absolute nesse elemento, essa referência é o seu elemento pai, ou seja, o .caixa.
Espero ter ajudado, qualquer dúvida fique a vontade para perguntar! Abraços!