Quelles sont les valeurs d'attribut de l'attribut float en CSS

Les valeurs d'attribut​​de l'attribut float en CSS sont : 1. left (left float) : l'élément flotte vers la gauche, libérant de l'espace à droite pour que d'autres éléments puissent l'utiliser ; ) : l'élément flotte vers la droite, libérant la gauche. L'espace latéral est utilisé par d'autres éléments ; 3. aucun (non flottant) : l'élément ne flotte pas et est disposé selon le flux normal du document ; (hérité) : l'élément hérite de la valeur de l'attribut float de l'élément parent. La valeur par défaut de l'attribut float est none, ce qui signifie que l'élément ne flotte pas.

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.

L'attribut float en CSS est utilisé pour spécifier la méthode flottante de l'élément, c'est-à-dire la position de l'élément dans la mise en page. Il a les valeurs d'attribut suivantes :

1. left (left float) : l'élément flotte vers la gauche, libérant de l'espace sur la droite pour que d'autres éléments puissent l'utiliser.

2. droite (flottant à droite) : L'élément flotte vers la droite, libérant l'espace de gauche pour d'autres éléments.

3. aucun (pas de flottant) : l'élément ne flotte pas et est disposé selon le flux normal du document.

4. hériter : l'élément hérite de la valeur de l'attribut float de l'élément parent.

La valeur par défaut de l'attribut float est none, c'est-à-dire que l'élément ne flotte pas.

Utilisez l'attribut float pour obtenir une mise en page multi-colonnes, des graphiques et du texte mélangés, etc. Lorsqu'un élément flotte, sa largeur se réduit automatiquement à la largeur minimale requise par le contenu, tandis que la hauteur est déterminée par le contenu. Les éléments flottants sont séparés du flux de documents normal et d'autres éléments sont disposés autour de l'élément flottant.

La caractéristique de l'élément flottant est que sa taille peut être contrôlée en définissant la largeur et la hauteur, et l'espacement entre lui et les autres éléments peut également être ajusté en définissant l'attribut margin. La position d'un élément flottant est affectée par son élément parent et d'autres éléments flottants.

En plus des valeurs d'attribut ci-dessus, l'attribut float peut également être utilisé avec l'attribut clear pour effacer l'impact de float sur la mise en page. L'attribut clear a les valeurs d'attribut suivantes :

1. left (clear left float) : aucun élément flottant à gauche n'est autorisé sous l'élément.

2. right (clear right float) : aucun élément flottant à droite n'est autorisé en dessous de l'élément.

3. les deux (flotteurs clairs des deux côtés) : aucun élément flottant n’est autorisé sous l’élément.

4. aucun (ne pas effacer float) : il peut y avoir des éléments flottants sous l'élément.

5. hériter : l'élément hérite de la valeur d'attribut claire de l'élément parent.

La valeur par défaut de l'attribut clear est none, ce qui signifie que le float n'est pas effacé.

Utilisez l'attribut clear pour éviter l'impact des éléments flottants sur la mise en page et assurez-vous que les éléments sont affichés dans la bonne position.

Résumé : Les valeurs d'attribut​​de l'attribut float en CSS sont gauche, droite, aucun et héritent. Il est utilisé pour spécifier la méthode flottante des éléments, qui peut obtenir des effets tels qu'une disposition multi-colonnes et des graphiques et du texte mixtes. En même temps, il peut être utilisé avec l'attribut clear pour effacer l'impact du flottement sur la mise en page.

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!