Bonsoir,

<div1>
   <div2><p>test</p></div2>
</div1>

div1 à une hauteur variable, j'aimerais savoir comment faire en sorte de garder div2 toujours en bas de div1

Tu vas déterminer une hauteur pour div1 ? Tu es sûr à 100% que cette hauteur sera supérieure à celle de div2 ? Dans ce cas, je pense que

div1 { 
    position:relative;
}
div2 {
    position:absolute;
    bottom:0;
}

est la solution.

(pfiou, je ne conseille pas souvent de l'absolute, ça me fait bizarre )

Merci, me manqué la div parente en relative

Astuce : pour bien jouer avec le position:absolute (chose qui doit rester ponctuelle, on est bien d'accord ), toujours penser à mettre le parent en position:relative (s'il ne doit pas lui-même être placé), car un élément en absolu se place toujours par rapport à son plus proche parent positionné (absolute, relative ou fixed, static ne comptant pas). Si aucun de ses parents ne l'est, ce sera body, ce qui peut fiche en l'air un design.

Si ta div1 a du contenu, pense à lui donner un padding-bottom supérieur ou égale à la hauteur de div2 afin de prévenir le débordement des contenus.

Citation : AkaiKen

Si aucun de ses parents ne l'est, ce sera body

Non, plutôt l'élément racine html.

Citation : loun4st4ck

Si ta div1 a du contenu, pense à lui donner un padding-bottom supérieur ou égale à la hauteur de div2 afin de prévenir le débordement des contenus.

Citation : AkaiKen

Si aucun de ses parents ne l'est, ce sera body

Non, plutôt l'élément racine html.

Ah, bien vu pour le padding, j'avais complètement oublié

Et pareil pour mon erreur sur body... En plus, c'est complètement logique. Désolée...

Merci pour les infos supplémentaires