Saltar al contenido
Codifíca.me | Desarrollo web | Programación

Solucionar problemas de altura en elementos float CSS

22 julio, 2014
altura css

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.

altura css

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:

altura css hidden

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.