¿Por qué la configuración de desbordamiento altera el diseño de los elementos secundarios?

En estopregunta alguien tenía un problema de diseño porque tenía dos div flotantes dentro de un div no flotante. Sugerí agregarfloat: left a su div externo, que soluciona el problema. Alguien más sugirió agregaroverflow: hidden, que para mi sorpresa, también funcionó.

Esto no parece en absoluto el propósito deoverflow: hidden. Claramente desbordamiento: oculto hace que los elementos vean a sus hijos de manera diferente. Lo que realmente estoy tratando de entender esqué esa diferencia es Intuitivamente, solo debería hacer que el elemento sea más pequeño de lo que sería, nunca más grande y no veo por qué afectaría la jerarquía de diseño.

¿Alguien puede explicar por qué esto sería un comportamiento correcto / necesario o si esto es solo una peculiaridad del navegador? ¿Es su otra faceta de la propiedad de desbordamiento que me falta? ¿Es alguna solución mejor que la otra?

Editar: he descubierto la configuraciónoverflow: auto también funciona, por lo que no parece ser el valor del desbordamiento lo importante, solo que está configurado. Aún no entiendo por qué.