Maison  >  Article  >  interface Web  >  Comment résoudre le problème de désalignement du flotteur CSS

Comment résoudre le problème de désalignement du flotteur CSS

藏色散人
藏色散人original
2020-12-15 15:05:012969parcourir

Solution au désalignement CSS float : 1. Lorsque deux éléments du même niveau sont mal alignés, ajoutez une étiquette vide entre les deux éléments ; 2. Définissez l'attribut CSS sur ".clear{clear:both ;}" C'est ça.

Comment résoudre le problème de désalignement du flotteur CSS

L'environnement d'exploitation de ce tutoriel : système windows7, version css3, ordinateur thinkpad t480.

Recommandé : "Tutoriel vidéo CSS"

Solution au désalignement des éléments provoqué par l'utilisation de l'attribut float

Si deux des même niveau Si les éléments sont mal alignés, ajoutez une balise vide entre les deux éléments, telle que :

<div class="clear"></div>

puis définissez l'attribut CSS :

.clear{
clear:both;
}

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