positionnement DIV avec position: relative

Question

J'ai une mise en page, où je dois régler la position d'un parent div et supérieure: -30px La DIV est positionnée par rapport et supérieure: -30 pétantes.

Mais la DIV suivante puis 30px la distance au sommet. Y a-t-il un moyen de résoudre ce problème?

Answer 1

Faites position: absolute; et sa position parente: relative;

Cela devrait fonctionner :)

Answer 2

position: relative ne fait pas ce que je pense que vous pensez. Cela signifie que les éléments absolument positionnés à l'intérieur sont positionnés par rapport à la div relative et non à la page. Par exemple:

<div id="header">Header</div> 
<div id="content"> 
    <div id="c1">Content One</div> 
    <div id="c2">Content Two</div> 
</div> 

avec

#header { position: absolute; top: 0; left: 0; height: 150px; width: 100%; } 
#content { position: relative; margin-top: 150px; height: 500px; } 
#c1 { position: absolute; top: 0; left: 0; } 
#c2 { position: absolute; top: -50px; left: 0; } 

c1 sera au sommet de la div bas, pas le haut de la page. content sera de 150 pixels à partir du haut de la page. c2 sera au-dessus en raison du sommet négatif. header sera en haut de la page.