Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Posicionamento absolute

Por default um elemento definido como absolute sempre vai absoluto em relação a página toda incialmente? Grato a quem responder!

1 resposta
solução!

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!