Flottaison CSS

La propriété float CSS spécifie si un bloc doit flotter. La propriété float dans CSS est une propriété de positionnement. Elle est utilisée pour pousser un élément à gauche ou à droite, permettant à d'autres éléments de l'entourer, généralement utilisée pour les images et les mises en page.　　　

Éléments flottants CSS

Vous pouvez flotté un élément à gauche ou à droite, mais cela ne s'applique qu'aux éléments qui ne génèrent pas de blocsPosition absoluteLes éléments en boîte. Toute élément suivant l'élément flottant circule de l'autre côté de l'élément flottant.

La propriété float peut avoir l'une des trois valeurs suivantes :

Comment un élément flotte

L'élément flottant sera retiré du flux normal et déplacé le plus possible à gauche ou à droite dans l'espace disponible de l'élément conteneur.

sauf si l'élément flottantclearCette propriété empêche le déplacement des autres éléments, autrement les éléments flottants seraient généralement entourés par d'autres éléments. Un élément flottant horizontalement, cela signifie que l'élément ne peut flotter que vers la gauche ou la droite, pas vers le haut ou le bas.

img  {
　　　　float:  gauche;
}

Si plusieurs éléments flottants sont placés côte à côte, ils seront adjacents les uns aux autres si il y a de l'espace horizontal. Si il n'y a pas assez d'espace pour contenir les flotteurs, ils seront déplacés vers le bas jusqu'à ce qu'ils s'adaptent ou qu'il n'y ait plus de flotteurs.

.thumbnail  {
　　　　float:  gauche;
　　　　largeur:　125px;
　　　　hauteur:　125px;
　　　　marge:　10px;
}

Utilisez la propriété (Clear) pour fermer les flottants

Les éléments après l'élément flottant seront fluents autour de lui. La propriété clear spécifie quel côté de la boîte de l'élément ne peut pas contenir d'autres éléments flottants.

.clear  {
　　　　clear:  gauche;
}