Se connecter

Informatique

Création de sites web

Sujet : Debutant Css
1
chatdoudou
Niveau 4
06 juin 2020 à 18:27:37

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

Marav
Niveau 29
06 juin 2020 à 21:48:50

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.

chatdoudou
Niveau 4
07 juin 2020 à 04:21:42

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

boucif
Niveau 24
07 juin 2020 à 11:34:02

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

1
Sujet : Debutant Css
News culture
La Planète des Singes : Le Nouveau Royaume - la révolution simienne est en marche !
   Retour haut de page
Consulter la version web de cette page