Comment nettoyer les flotteurs lorsqu'un conteneur contient plusieurs éléments flottants

Lorsqu'un conteneur contient plusieurs éléments flottants, la façon d'effacer les flottants est d'ajouter des éléments supplémentaires et de définir "clear: Both" avant la balise de fermeture de l'élément conteneur, et "clear: Both" signifie effacer les flotteurs.

Ajoutez des éléments supplémentaires avant la balise de fermeture de l'élément conteneur et définissez l'élément parent clear: both

pour déclencher le contexte de formatage au niveau du bloc

• Contexte de formatage au niveau bloc, c'est une zone de rendu indépendante qui n'a rien à voir avec l'extérieur.

Condition de déclenchement :

• Élément racine (par exemple : html)

• L'élément est flottant ( float n'est pas nul)

• la position est absolue ou fixe

• l'affichage est en ligne-bloc, table-sell, flex...

• le trop-plein n'est pas visible

Définir le pseudo-élément de l'élément conteneur pour le nettoyage (méthode recommandée pour nettoyer les flotteurs)

Recommandé apprentissage : "Vidéo frontale》

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!