Bueno,
height: auto es el valor por defecto de todos los elementos. Normalmente no hace falta indicarlo. Es decir, realmente no estás haciendo nada que el navegador no haga por defecto.
Lo que suele usar es algo llamado
Faux Columns. Aunque se puede hacer lo mismo sin usar imágenes.
Otra opción que tienes es usar Flexbox, aunque de momento el soporte que hay no es global. En Chrome y en las últimas versiones de Firefox funciona, pero no en IE. IE10 usa una implementación que sacaron luego del borrador de la especificación, al igual que las versiones anteriores a 21 de Firefox. Es la mejor solución, pero yo abogo por esperar un poco para empezar a usar Flexbox.