Utilisation du flotteur CSS pour faire fonctionner DIV

Que signifie flotter ?

float signifie flotter, et cela signifie également flotter lorsqu'il est traduit en chinois. Accédez au manuel float dans le manuel CSS correspondant pour en savoir plus sur les informations de base sur float.

Le rôle de float

Définissez float (float) via CSS pour laisser le bloc de calque de style div flotter vers la gauche ou la droite (penché).

répertoire du didacticiel flottant flottant

syntaxe flottante

application et utilisation flottantes

cas flottant flottant

css flottant autres applications

résumé CSS float

syntaxe float

Float est souvent suivi de valeurs d'attribut left, right, none

Float:none Ne pas utiliser float

Float : gauche Flotteur vers la gauche

Float :droite Flotteur vers la droite

syntaxe float :

float : aucun gauche |droite

Valeur du paramètre :

aucun : L'objet ne flotte pas

gauche : L'objet flotte à gauche

droite : L'objet flotte à droite

Ensuite, nous expliquerons float à travers un exemple div+css Conseils d'utilisation.

Application et utilisation du flotteur

Float est utilisé pour définir les styles flottants des objets à gauche et à droite. Il peut réaliser ce dont nous avons besoin pour faire flotter les étiquettes DIV, SPAN et autres à gauche et à droite.

Syntaxe simple à utiliser

div{float:left} /* commentaire css : Définit l'objet div pour qu'il flotte vers la gauche (gauche) */

div{float :right} / * commentaire css : Définissez l'objet div pour qu'il flotte vers la droite (à droite) */

cas flottant css float

Nous mettons en place deux boîtes dans une boîte, une vers la à droite et un à gauche afin de voir intuitivement l'effet de mise en page flottante CSS, nous définissons une certaine largeur, hauteur et bordure pour les deux cases.

1. Extrait de code HTML principal :