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

position: absolute/relative

ola, queria só confirmar que no trecho seguinte de codigo:

.caixa {
     position: relative;
     width: 940px;
     margin: 0 auto;
}

nav {
    position: absolute;
    top: 110px;
    right: 0;
}

a posicao absoluta de nav fica retida dentro da classe="caixa" apenas por ela estar dentro da mesma ne?

4 respostas
solução!

Olá Íris, tudo bem?

Exatamente! Como o nav é um elemento filho de .caixa, a partir do momento em que colocamos o position: relative no pai e o position: absolute no filho, esse posicionamente do nav será de acordo com o pai. Caso o elemento pai não tivesse position: relative declarado, esse posicionamento absoluto do filho seria referente ao navegador.

Caso queira saber mais sobre isso, indico você dar uma olhada nesse tópico que explico mais detalhadamente aqui.

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos!

Muito obrigada!

Mais uma duvida, nao sei se é ideal coloca-la aqui mas, o comando postion:relative em um "pai" faz com que a position:absolute de seus "filhos" seja em relação ao propio "pai". Porem existem outros usos para a position:relative ou ela se limita a relativisar apenas os "filhos"?

Opa Íris, obrigada pelo retorno!

Existe sim! Sua função não é só relacionada ao filho.

Caso um elemento tenha um position: relative, ela está posicionado em relação à sua posição normal. Sendo assim, quando definimos as propriedades top bottom left right para esse elemento, o ponto de referência de deslocamento será a sua posição inicial.

Espero ter ajudado, abraços!