Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

betofc

[Resolvido] proprieedade position

Por , em Desenvolvimento frontend

Recommended Posts

betofc    1

betofc
Postado

Fala ae pessoal.

Já mexo (é com 'x' ou 'ch'? rs) com CSS há algum tempo. Mas sempre notei um incoerência: ao declarar "position: absolute" o elemento será posicionado em relação ao seu primeiro ancestral (ou pai). É o que está escrito aqui -> CSS position property. Porém se você declarar "position: absolute" e depois "top: 10px" o elemento ficará distante 10px da JANELA DO NAVEGADOR e não do seu ELEMENTO ANCESTRAL! Para corrigir isto declaro margin-top: 10px. Mas não deveria funcionar daquela primeira maneira também?

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

Nao, pois as duas propriedades sao diferentes, top ele afasta em direcao do topo da pagina, e margin-top afasta em direcao do topo do elemento anterior.

 

E o certo acredito eu é mecho. :grin:

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado
ao declarar "position: absolute" o elemento será posicionado em relação ao seu primeiro ancestral (ou pai).

essa frase está incompleta. Restante: que tiver um position diferente de static explicitamente declarado.

 

 

por exemplo:

<body>
  <div>
     <span></span>
  </div>
</body>

 

o span será posicionado apartir do body, se o DIV não tiver nenhum position.

Se o DIV tiver um position, então o span será posicionado apartir do DIV.

 

Entendeu agora ?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito