Bonjour en rajoutant la propriété float mon container passe à 0 pixels de hauteur.
Je n'arrive pas à trouver pourquoi.

Merci d'avances pour vos réponses

Bonjour en rajoutant la propriété float mon container passe à 0 pixels de hauteur.

Tu y mets cette propriété float à un élément enfant ?
Si oui c'est normal, c'est le résultat attendu lorsqu'un container n'a que des enfants en float.
Ces derniers ne font plus partie intégrante du "flow" de la page puisqu'ils flottent dans ton container tout simplement.
De ce fait ton container, s'il n'a que des éléments flottants n'a plus de repères pour déterminer sa taille et donc fait ce qu'on appelle un collapse.

Une solution rapide et efficace consisterait à y apporter à ton container un overflow:auto;
La solution lente, regarder les documentations et les articles qui traitent et expliquent mieux que moi ce sujet, et peut être utiliser flexbox ou grid à la place.

Merci à toi Marav. overflow:auto; marche parfaitement .

De nos jours on utilise plus le float mais les flexbox, mets y toi ça facilite grandement la vie