Por default um elemento definido como absolute sempre vai absoluto em relação a página toda incialmente?
Grato a quem responder!
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!