Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Posicionamento relativo da caixa

Eu não consegui entender o porquê de quando você ativar o posicionamento relativo da caixa, ela ignorar o posicionamento absoluto do nav e puxar ele pra dentro. O professor usa somente a expressão "levantar". A explicação ficou incompleta, quem puder ajudar, agradeço.

2 respostas
solução!

Fala, José! Beleza?

Neste caso, quando o professor define o menu (nav) com a posição absoluta, este menu deixa de fazer parte daquele contexto no qual ele foi inserido inicialmente e você ganha o poder de movê-lo para qualquer canto da sua página, usando as propriedades top, right, bottom e left.

Porém, muitas vezes, você pode querer restringir essa área de movimentação, ou seja, em vez de ter a capacidade de mover o elemento absoluto por toda a página, você quer movê-lo apenas dentro de um espaço delimitado. É aí que você precisa definir o elemento "pai" com o position relative (no caso do exemplo do curso, a "caixa"). Desta forma, você estará garantindo que o espaço da "caixa" (pai / relativo) será respeitado pelo elemento absoluto ("filho").

Confesso que é um pouco confuso no início, mas, com a prática, você começa a entender melhor como isso funciona.

Espero ter ajudado.

Bons estudos!

Ajudou sim! Obrigado!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software