Bonjour,

Je développe actuellement une page web séparée en deux colonnes.

Chaque colonne est composée de plusieurs div.

Je souhaiterai calculer la hauteur d'une de ces div sur chaque colonne en fonction de la hauteur disponible sur l'écran du visiteur.

L'idée est de proposer un site qui prend l'intégralité de la hauteur de l'écran sur tablette et ordinateur.

La version mobile est quand à elle totalement différente, je précise donc bien que ma demande est spécifiquement pour les résolutions ayant une largeur supérieure à 992px.

Je vous remercie d'avance pour vos conseils !

Bonjour,

une seule adresse :

https://www.emmanuelbeziat.com/blog/un-site-qui-prend-toute-la-hauteur-disponible/

Utilise les % dans le CSS. de ta div elle s'adaptera à l'espace disponible (si c'est le body sa prendra tout l'écran)

    min-height: 100%;
    height: 100%;

bonjour,

l'utilisation de flex doit résoudre le problème, qui est : comment faire pour que la dernière <div> d'une colonne utilise tout l'espace disponible ?"
à condition que le parent ( = la colonne) occupe toute la hauteur du viewport, grâce à 

min-height:100vh;