Como fazer uma div com tamanho dinâmico em HTML

Daniel Muñoz · 14/04/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/04/2014

height: auto; en css

Daniel Muñoz · 14/04/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/04/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/04/2014

shadowhck disse:
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/04/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/04/2014

Y el dispaly para que funciona?

shadowhck · 14/04/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.

Como fazer uma div com tamanho dinâmico em HTML

Daniel Muñoz

eldextherxd

Daniel Muñoz

shadowhck

Daniel Muñoz

Angel Perales

Daniel Muñoz

shadowhck

Tópicos similares