Astuce CSS pour qu’un élément se dimentionne automatiquement même si éléments fils en float

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.