Comment faire flotter trois divisions côte à côte en utilisant CSS ?

Flotter trois divs côte à côte avec CSS

La création d'une disposition horizontale de divs peut être obtenue en les faisant flotter côte à côte. Bien qu'il soit simple de faire cela avec deux divs, la question se pose : comment obtenir le même effet avec trois divs ou plus ?

La solution réside dans la définition d'une largeur pour chaque div et l'application de la propriété CSS float : gauche;. Cette propriété positionne les divs horizontalement et les force à s'écouler les uns à côté des autres.

Pour illustrer, considérons l'exemple suivant :

<div>

Dans ce code, nous créons un div parent avec un largeur fixe de 500px. En son sein, nous avons trois divs enfants, chacun avec sa propre largeur spécifiée. Le flotteur : à gauche ; La propriété garantit que ces divs enfants s'alignent horizontalement.

Enfin, un
élément avec la propriété CSS clear: left; est ajouté à la fin du div parent. Cela efface tous les éléments flottants, garantissant que le contenu restant sous les trois divs apparaît aligné avec le bord gauche du div parent.

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!