Maison >interface Web >tutoriel CSS >Plusieurs méthodes pour effacer les flotteurs
Cette fois, je vais vous présenter plusieurs méthodes de dégagement des flotteurs, et quelles sont les précautions pour nettoyer les flotteurs. Voici des cas pratiques, jetons un coup d'œil.
html
<p> <p class='box-left'></p> <p class='box-right'></p> </p>
css
.box-left,.box-right{ width:200px; height:200px; float: left; background: red; border:1px solid #333; }
Première méthode :. clear:box}
Deuxième méthode : .box{overflow:hidden}
Troisième méthode : .box{ overflow:auto>
Quatrième méthode: .box:after{ content:""; visibility:hidden ; :block; clear:both;}.box{ zoom:1;}La cinquième méthode
: .box{height:200px} définit la hauteurLa sixième méthode
: .box{display:table}Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres sites Web chinois php connexes. des articles !
Lecture recommandée :CSS pour dessiner un cœur rouge
La différence entre affichage et visibilité
Plusieurs façons d'implémenter le placement du pied de page en CSS
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!