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