Quelles sont les propriétés du flotteur ?

les attributs float incluent gauche, droite, aucun, hériter, etc. Introduction détaillée : 1. à gauche, faisant flotter l'élément vers la gauche. Lorsque l'élément est défini sur flottant, il s'éloignera du flux normal du document et se déplacera vers la gauche jusqu'à ce qu'il rencontre le bord de l'élément parent ou un autre élément flottant. ; 2. right, Faire flotter l'élément vers la droite Lorsque l'élément est défini sur flottant, il s'éloignera du flux normal du document et se déplacera vers la droite jusqu'à ce qu'il rencontre le bord de l'élément parent ou un autre élément flottant 3 ; . none, la valeur par défaut, l'élément ne flotte pas. Restera là où il est et attendra.

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

float est un attribut utilisé en CSS pour contrôler le flottement des éléments. Il a les valeurs d'attribut suivantes :

left : fait flotter l'élément vers la gauche. Lorsqu'un élément est défini pour flotter, il sort du flux normal du document et se déplace vers la gauche jusqu'à ce qu'il rencontre le bord de l'élément parent ou un autre élément flottant.

2. à droite : Faites flotter l'élément vers la droite. Lorsqu'un élément est défini pour flotter, il s'éloigne du flux normal du document et se déplace vers la droite jusqu'à ce qu'il rencontre le bord de l'élément parent ou un autre élément flottant.

3. aucun : valeur par défaut. L'élément ne flotte pas et restera en place. Cette valeur est utilisée pour annuler tous les paramètres flottants précédents.

4. hériter : L'élément hérite de l'attribut flottant de son élément parent. Cette valeur entraîne la disposition de l'élément en fonction de la propriété float de l'élément parent.

En plus des valeurs d'attribut ci-dessus, l'attribut float comprend également les attributs suivants :

1 float-width : définit la largeur du float. Cette propriété peut définir la largeur maximale et minimale du flotteur et si la largeur est réglable.

2. float-height : Définissez la hauteur du flotteur. Cette propriété peut définir la hauteur maximale et minimale du flotteur et si la hauteur est réglable.

3. float-clear : définissez ce qui doit être effacé après les éléments flottants. Cette propriété définit la direction dans laquelle les éléments flottants sont effacés, par exemple gauche, droite ou haut.

4. float-display : Définissez s'il faut afficher l'arrière-plan et la bordure de l'élément parent sur l'élément enfant flottant. Cette propriété peut être définie pour afficher ou non l'arrière-plan et les bordures.

5. float-offset : Définissez le décalage flottant. Cette propriété définit le décalage de position d'un élément flottant par rapport à son élément parent.

float-fallback : définissez s'il faut utiliser la disposition flottante de secours dans certaines situations. Cette propriété peut définir s’il faut activer la disposition flottante de secours.

Ces attributs fournissent des options de contrôle plus détaillées, qui peuvent être sélectionnées et utilisées selon les besoins dans le développement réel. Il convient de noter que bien que l'attribut float soit une méthode de contrôle de mise en page couramment utilisée, dans le développement frontal moderne, de nombreuses autres méthodes de contrôle de mise en page plus puissantes et flexibles sont également apparues, telles que CSS Flexbox et Grid layout. Ces nouvelles méthodes offrent davantage d’options de contrôle de mise en page pour mieux répondre aux besoins de la conception Web moderne.

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!