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.