Cómo hacer un div con tamaño dinámico en HTML

Daniel Muñoz · 14 Abr 2014

Hola betas, tengo una pequeña duda o desconocimiento.

Quisiera saber si es posible realizar un div con un tamaño dinámico, es decir. Que su valor inicial sea por ejemplo 600px de alto y según su contenido este cuadro se expanda automáticamente hasta adaptarse a el contenido.

eldextherxd · 14 Abr 2014

height: auto; en css

Daniel Muñoz · 14 Abr 2014

Ya lo había intentado, pero al ponerlo auto, el cuadro se colapsa al no tener contenido. La idea es que tenga un valor mínimo, de esa manera si no tiene contenido se mantenga de ese tamaño. Y si su contenido sobrepasa la medida X se agrande automáticamente.

shadowhck · 14 Abr 2014

Si el contenido es parte texto:

display: inline-block;
max-width: (max-height)
min-width: (min-height)
width: inherit; (height)

Daniel Muñoz · 14 Abr 2014

shadowhck dijo:
Si el contenido es parte texto:

display: inline-block;
max-width: (max-height)
min-width: (min-height)
width: inherit; (height)

Podrias explicarme el uso de cada etiqueta?

Angel Perales · 14 Abr 2014

max-width, es el maximo de ancho del DIV
min-width, es el minimo

max-height, los mismos pero para el alto
min-height, el minimo para el alto aqui pondria el 400px y en el max auto.

---------- Post agregado el 14-abr-2014 hora: 13:55 ----------

Daniel Muñoz

---------- Post agregado el 14-abr-2014 hora: 13:55 ----------

@Daniel Muñoz

Daniel Muñoz · 14 Abr 2014

Y el dispaly para que funciona?

shadowhck · 14 Abr 2014

Cuando se aplica display: inline-block;, un div se ajustara al texto automaticamente como si se tratara de un div con width y height asignados.

Un elemento block (div), normalmente se expande (width) a más no poder, y su height es 0 si este no tiene contenido inline.

Cómo hacer un div con tamaño dinámico en HTML

Daniel Muñoz

eldextherxd

Daniel Muñoz

shadowhck

Daniel Muñoz

Angel Perales

Daniel Muñoz

shadowhck

Temas similares