Calcul de marge...

Bonjour à tous,
Je vous joins une image, c'est plus simple à expliquer.
Je dois aligner sur le haut le bloc mauve et le bloc bleu.
Le souci est que je ne connais pas la hauteur du bloc de texte (rouge), comment faire pour calculer la valeur verticale du bloc rose.
Merci.

Salut,

Je te propose un layout en display:grid du genre :
https://jsfiddle.net/undless/ejnf0asc/

Merci pour ta réponse.
Au risque de ne rien comprendre au grid.... Dans ton exemple, les blocs ont tous une hauteur donnée. Dans mon cas, le bloc en haut de ma colonne de gauche, n'a pas de hauteur donné (quantité de texte donné). Je ne sais pas comment faire pour caler mon bloc en bas de la colonne gauche avec un bloc donné dans la colonne droite.
J'espère être clair.
Modifié par luxojr (30 Jul 2020 - 16:32)

Les hauteurs c'était pour l'exemple pour éviter de taper du texte :
https://jsfiddle.net/undless/ejnf0asc/3/

Merci pour cette nouvelle réponse. Je vais essayer d'adapter ma mise en page à cette technique, pas si simple, je pense qu'il va falloir tout reconstruire. Courage...

Apres si tu as déjà une structure pour tes colonne tu peux toujours nous montrer qu'on vois si on peut adapter ça plus facilement que "tout refaire"