¿Debo agregar una clase de clearfix en cada padre que contenga float: left o right?

Deberá agregar la clase ‘clearfix’ a su padre si no desea que sus elementos flotantes se desborden verticalmente en cualquier caso. Es una buena práctica que se asegura de que cada elemento padre siempre obtenga la altura mínima de sus elementos flotantes internos.

Además, un enfoque aún más sencillo para la clase clearfix sería el siguiente (de Bootstrap 3):

.clearfix: después, .clearfix: antes de {
contenido: ” “;
pantalla: tabla;
}

.clearfix: despues de
Limpia los dos;
}

Espero que ayude 😉

Yo diría que sí, a menos que no te importe que el elemento padre se comporte como si no tuviera los hijos de la niña.

Tal vez podría cambiar el nombre a .cf para acortarlo o convertirlo en una mezcla si está usando Sass.

Mira esto: https://web-design-weekly.com/sn…

Sí, puedes hacer eso, pero un simple clearfix que utilizo es hacer que el padre tenga un desbordamiento: oculto

CSS – Despejando flotadores