Maison > Article > interface Web > Résumé des méthodes pour effacer les flotteurs flottants
Abandonnez ces méthodes inutiles et rappelez-vous simplement la méthode la plus pratique !
Ajoutez un classattribut supplémentaire à l'élément parent qui doit être débarrassé du flottant : clearfix ! ! !
le style est le suivant :
.clearfix:after{
content: ".";
display:block;
hauteur:0;
clear:both;
visibilité:hidden; 7 (les projets actuels l'ont presque complètement ignoré)
. clearfix{
zoom:1
}
Effacer le flottant est si simple et peut être utilisé comme un common.css de style public, chaque page peut être appelée directement !
Exemple d'application simple :
Pourquoi devrions-nous effacer les flotteurs :
1 .Quand j'écrivais auparavant, je trouvais que les pages étaient gâchées au fur et à mesure que je les écrivais, et qu'il y avait aussi des chevauchements ? C’est le flottement qui est en cause !
2. Lorsque l'élément enfant sous l'élément parent flotte, la valeur de hauteur du parent peut être égale à 0. Par conséquent, après avoir utilisé float, ajoutez immédiatement clearfix au parent pour éliminer complètement les problèmes causés par float. Toutes sortes de questions bizarres !
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!