Maison > interface Web > tutoriel CSS > Que signifie clair en CSS

Que signifie clair en CSS

下次还敢
Libérer: 2024-04-26 11:15:21
original
880 Les gens l'ont consulté

L'attribut clear en CSS est utilisé pour contrôler la zone autour des éléments flottants et spécifier la méthode de positionnement des éléments suivants. Il a trois valeurs : gauche, droite et les deux, qui sont utilisées pour commencer à gauche, à droite ou à gauche et. respectivement les côtés droits de l'élément flottant. Positionnement des éléments suivants.

Que signifie clair en CSS

Que signifie clear

clear en CSS ? La propriété

clear est utilisée pour contrôler la zone autour des éléments flottants. Il spécifie comment les éléments suivants sont positionnés lorsqu'un élément flottant est rencontré.

Explication détaillée :

Les éléments flottants se détacheront du flux normal des documents et seront disposés le long des bords de leurs éléments parents. L'attribut clear permet aux éléments suivants de sauter les éléments flottants plutôt que de les envelopper.

Il y a trois valeurs claires :

  • left : L'élément commence du côté gauche de l'élément flottant
  • right : L'élément commence du côté droit de l'élément flottant
  • both : Le L'élément commence à partir des côtés gauche et droit de l'élément flottant. Commencez

Exemple d'utilisation :

<code class="css"><div class="container">
  <div class="float-left">浮动元素</div>
  <div class="clear"></div>
  <div>后续元素</div>
</div></code>
Copier après la connexion

Dans l'exemple ci-dessus, l'attribut clear: Both est appliqué à la classe .clear. Cela entraînera le début des éléments suivants à gauche et à droite de l'élément flottant, créant un espace afin que les éléments suivants ne soient pas enveloppés par l'élément flottant.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal