Maison  >  Article  >  interface Web  >  Comment utiliser clear en CSS

Comment utiliser clear en CSS

下次还敢
下次还敢original
2024-04-26 13:00:24432parcourir

L'attribut

clear permet aux éléments de sortir du flux float, c'est-à-dire d'effacer le float. Son utilisation est la suivante : left : effacer l'élément flottant gauche right : effacer l'élément flottant droit Both : effacer tous les éléments flottants

.

Comment utiliser clear en CSS

clear dans l'utilisation CSS

Le rôle de l'attribut clear

L'attribut clear permet à un élément de se détacher du flux float créé par l'élément float, c'est-à-dire d'effacer le float. L'attribut

Usage

clear a deux valeurs principales :

  • left : Effacer l'élément flottant sur le côté gauche de l'élément.
  • droite : Effacez l'élément flottant sur le côté droit de l'élément.

Exemples d'application

<code class="css">/* 清除左侧的浮动元素 */
.container {
  clear: left;
}

/* 清除右侧的浮动元素 */
.container {
  clear: right;
}

/* 清除所有浮动元素 */
.container {
  clear: both;
}</code>

Quand utiliser

L'attribut clear est généralement utilisé dans les situations suivantes :

  • Lorsqu'un élément flottant provoque le retour à la ligne du texte ou d'un autre contenu.
  • Lorsque vous souhaitez placer un élément à côté d'un élément flottant.
  • Lorsque vous souhaitez effacer plusieurs colonnes d'éléments flottants.

Note

  • l'attribut clear n'affecte que la position de l'élément actuel et de ses descendants.
  • L'attribut clear ne s'applique pas aux éléments de niveau bloc car ils ne sont pas flottants.
  • Si l'élément parent d'un élément a l'attribut float défini, l'élément ne peut pas utiliser l'attribut clear. Dans ce cas, l'élément parent doit d'abord être débarrassé de son float.

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!

Déclaration:
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