bonjour j'ai un problème avec une div qui contient un paragraphe, j'ai essayer de lui mettre un margin-top:auto; pour que la div avec le paragraphe se rapproche le plus possible du bord bas de la div dans laquelle la div est avec mon <p>. Résultat la div ne veut pas se coller sur le bord du bas de l'autre div, mon margin fonctionne avec des px, des % mais pas avec auto.

voir sur mon site : ici

localisé la div avec "il y a un jour" dans le message du forum. cette div j'aimerais quelle "touche" le bord d'en bas avec margin:auto;

pour plus d'infos, la div a une class qui s'appelle "gmp4"

Bonjour,

Si j'ai bien compris, tu veux que "il y a un jour" soit tout en bas de la div gmp5, et que h reste en haut ?
flex que tu as déjà utilisé me semble approprié,

gmp5 en flex,
direction verticale,
space-between pour le justify content, afin que les 2 éléments gmp3 et gmp4 soit en haut et en bas de leur parent

Il faut savoir que le margin:auto; ne centre jamais verticalement mais horizontalement.

Tu peux le faire de cette façon si tu le souhaites:

.gmp5 {
    position: relative;
}

.gmp4 {
    position: absolute;
    bottom: 0;
}

Après tu peux donner plus d'espacement en augmentant la valeur de bottom.

En espérant t'avoir dépanné.

> Il faut savoir que le margin:auto; ne centre jamais verticalement mais horizontalement.

Si si, dans un environnement Flexbox c'est le cas.

L'absolu fonctionne, mais justement depuis que Flexbox est répandu, il faut privilégier ce dernier.

merci tout le monde, ça fonctionne mais je trouve ça bizarre, moi j'utilisais margin-top:auto; pour d'autres chose et ça fonctionnait.

merci beaucoup pour vos explications, sujet résolu !