En muchas ocasiones cuando maquetamos surge un problema al tener, por ejemplo, un div que contenga dos divs alineados uno a la izquierda y uno a la derecha. El problema es que el div contenedor pierde su altura.
En la siguiente imagen se puede apreciar mejor.
La solución es sencilla, colocar un fragmento de código CSS al div contenedor (en el ejemplo seria el verde).
Modificamos el overflow: visible que traen los divs por defecto los navegadores por overflow: hidden.
El resultado es el siguiente:
Algunos programadores también incluyen (sin sentido) un height: auto, práctica que descarto ya que los navegadores tienen ese valor de height (altura) por defecto, pero si por alguna razón quieren colocarlo no modifica nada.