Ir para conteúdo

POWERED BY:

Arquivado

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

Vi =)

Position Relative X Absolute

Recommended Posts

Olá,

 

Alguém sabe qndo eu posso usar a position relative e qndo optar pela absolute?

Gostaria de saber qual a diferença das duas no CSS ao contruir o layout de um site.

 

Obrigadooo =)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Reative(relativo) significa que vai depender dos outros objetos a sua posição -é uma posição relativa a outro objeto-

Absolute(Absoluto) significa o contrario de relativo, quer dizer que não depende de nada ele é absoluto a todos outros objetos ;)

 

leia esse artigo:

http://imasters.com.br/artigo/3606?cn=3606&cc=280

 

tem um tópico falando disso já ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

quando você define que uma div tem position : absolute;

 

e coloca ela com top: 0;

 

 

siginifica que ela vai ficar no topo da página

 

 

mas se você definir uma div antes com position : relative e fizer o mesmo processo ela ficará no topo desta DIv

 

 

entendeu

 

<style type="text/css">
#menu {
	position: absolute;
	top:50px;
	left:50px;
	background-color: Red;
	width: 500px;
	height: 500px;
}

</style>

<div id="menu">

</div>

 

<style type="text/css">
#tudo {
	position: relative;
}

#menu {
	position: absolute;
	top:50px;
	left:50px;
	background-color: Red;
	width: 500px;
	height: 500px;
}

</style>
<div id="tudo">
<div id="menu">

</div>

</div>

 

 

não se esqueça de colocar os doctypes

 

 

fiz esse codigo aqui e nem testei

 

 

abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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