Na aula, o professor explicou que quando se quer escolher a posição de um determinado elemento de forma "independente", utiliza-se a propriedade "position: absolute" no CSS. Deste modo, pode-se colocar o elemento onde quiser na página. Na aula, o mesmo foi feito inicialmente com relação ao elemento "nav": o professor conseguiu escolher a exata posição deste elemento. Todavia, não entendi o motivo da alteração da classe .caixa para "position: relative" influenciar/alterar a posição do elemento "nav", que possui o position: absolute. O elemento "nav" não deveria permanecer inalterado, considerando que possui a propriedade position: absolute? Por que ele se deslocou para aquela posição exata, referente à classe .caixa?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas
respostas
Dúvida acerca da propridade position: absolute
solução!
Sérgio, boa tarde!
Quando usamos o position absolute, ele usa como referencia o ancestral que possuir um position definido.
Por isso que alterando o .caixa altera o nav, pois ele está dentro do caixa.
Você pode ver mais em:
https://developer.mozilla.org/pt-BR/docs/Web/CSS/position
Espero ter ajudado e bons estudos!
Muito obrigado, amigo. Agora ficou claro...