Es que hay tres formas de eliminar el flotado. El de meter un elemento con
clear, el
clearfix que es el de meter un
overflow y este último que es el llamado micro clearfix, que es el que yo siempre uso y que soluciona el problema de los elementos que sobresalen.
El primer método es sucio, el segundo da este problema que tienes y el tercero es todoterreno.
De hecho yo lo meto todo en una clase, bueno yo y es la práctica habitual supongo, que con SASS queda una monada tal que:
Código CSS:
Ver original.cf:before, .cf:after
content: " "
display: table
&:after
clear: both
Luego simplemente añades una clase (
cf que es de
clear
fix) al elemento que contiene los elementos flotados y ya está.
Yo lo veo bastante limpio, no problemático y elegante.
Al final estos tres métodos son realmente cómo ha ido evolucionando la forma de limpiar los flotados.