Astuce CSS pour qu'un élément se dimentionne automatiquement même si éléments fils en float
Article d'archive. Publié il y a plus de six ans, il peut décrire des versions ou des pratiques qui ont depuis évolué. Nous le laissons en ligne pour sa valeur documentaire.
Bonjour,
Voici une astuce CSS. On utilise en permanence des float:left ou float:right en CSS mais il y a souvent un gros défaut à cette méthode. Le div par exemple, qui contient les éléments ne se met pas automatiquement à la bonne taille de ses enfants.
Pour faire en sorte qu’il prenne la taille de son contenu, il suffit de lui ajouter la class clearfix.
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
En espérant que ça en aidera certains.