Utiliser des clearer avec des pseudo-éléments

Pour afficher correctement des éléments après des flottants, on utilise souvent :

Côté html :

Côté css :

L’inconvénient c’est que ça surcharge la structure html des fichiers. Pour parer à ce souci, on peut utiliser des pseudo-elements :

Côté html :

Côté css :

Et comme souvent, on utilise plusieurs fois les clearer, on peut faire un mixin qu’on appelle à chaque besoin.

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.