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

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

藏色散人
Libérer: 2023-01-04 09:37:31
original
3105 Les gens l'ont consulté

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>
Copier après la connexion

puis définissez l'attribut CSS :

.clear{
clear:both;
}
Copier après la connexion

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