Como fazer com que uma div se adapte ao texto em HTML e CSS?

Caffa · 09/06/2014

Estoy arrancando con todo lo que es diseño web en html y css y actualmente me tope con un problema. Resulta que no logro (o mejor dicho no se) como hacer para que un div se adapte a su contenido (siempre hablando del alto).

Por ejemplo si teng un div de 500px y mi contenido ocupa 900px, el fondo y todos los atributos del div solo se respetan hasta los 500px y el texto continua "afuera del div".

como se arregla esto ? Desde ya muchas gracias !

Raichu · 09/06/2014

¿Hay algo que te limite a cambiar la altura del div a 900px? Ya que creo que con eso se arreglaría. Si lo que buscas es que se adapte a cualquier largo de texto (ya sea 900px ó 1500px), yo usaría, además de los lenguages que mecionas en el hilo, Javascript.

kanikase · 09/06/2014

[MENTION=449]Caffa[/MENTION] intenta con un height:auto y en el contenido un position:relative

Caffa · 09/06/2014

kanikase disse:
[MENTION=449]Caffa[/MENTION] intenta con un height:auto y en el contenido un position:relative

Gracias mañana lo pruebo y te comento como me fue.

Raichu disse:
¿Hay algo que te limite a cambiar la altura del div a 900px? Ya que creo que con eso se arreglaría. Si lo que buscas es que se adapte a cualquier largo de texto (ya sea 900px ó 1500px), yo usaría, además de los lenguages que mecionas en el hilo, Javascript.

Agradezco el aporte, voy a ver que se puede hacer ya que nunca vi js

Enviado desde mi XT915 mediante Tapatalk

bertocoder · 09/06/2014

css:
.contenedor_expandible{
width:100%;
overflow:auto;
}

html:
<div class="contenedor_expandible">Texto variable aqui</div>

😉

Caffa · 09/06/2014

bertocoder disse:
css:
.contenedor_expandible{
width:100%;
overflow:auto;
}

html:
<div class="contenedor_expandible">Texto variable aqui</div>

😉

Muchas gracias ! ya logré hacerlo con esto que me pasaste !

Como fazer com que uma div se adapte ao texto em HTML e CSS?

Caffa

Raichu

kanikase

Caffa

bertocoder

Caffa

Tópicos similares