Que signifie float en CSS ?

Le float en CSS signifie flottant. Lorsqu'un élément est défini avec l'attribut float, il se détachera du flux standard et flottera sur les autres éléments. Il flottera vers la gauche ou la droite en fonction de la valeur de l'attribut.

En CSS L'attribut float est un attribut fréquemment utilisé. Pour les débutants, s'ils ne comprennent pas la signification et les caractéristiques de float, il est facile de se perdre lorsqu'on l'utilise. Ensuite, je présenterai cet attribut en détail dans l'article, j'espère qu'il sera utile à tout le monde.

attribut float

float, comme son nom l'indique, flotte Les éléments avec l'attribut float défini se déplaceront vers la gauche ou. en fonction de la valeur de l'attribut Floating, nous appelons les éléments avec l'attribut float définis comme éléments flottants. Une fois que l'élément

utilise l'attribut float, l'élément peut être séparé du flux standard lui-même et flotter au-dessus des autres éléments afin qu'il n'occupe plus l'espace appartenant à l'origine à l'élément. Cela entraînera le déplacement des éléments suivants vers le haut et vers le haut. occuper l'espace appartenant à l'origine à l'élément. L'espace pour cet élément.

Exemple :

<div class="box">        
<span class="float-ele">           
 浮动元素        
 </span>        
 普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通
 文档流普通文档流普通文档流普通文档流普通文档流普通文档流
 </div>

Compréhension de l'attribut float

1 L'attribut float s'applique uniquement à l'élément lui-même et aux éléments suivants qui l'utilisent. attribut Avoir un impact (les éléments suivants montent --> le bloc de pied de page monte).

2. Une fois que l'élément en ligne utilise l'attribut float, il deviendra un élément de niveau bloc et la hauteur et la largeur de l'élément pourront être définies (voir la balise A).

3. L'attribut float est généralement utilisé avec l'attribut clear des balises suivantes pour effacer l'impact de l'attribut float sur les éléments suivants.

4. Pour les éléments utilisant l'attribut float, si la largeur de l'élément n'est pas définie, la largeur de l'élément est automatiquement ajustée pour s'adapter à la largeur du contenu (reportez-vous au contenu DIV - la taille du bloc de contenu n’est pas défini, il est donc automatiquement ajusté).

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!