div a la medida de su contenido

roboty · #1 (**permalink**) 13/09/2013, 11:06

Como puedo hacer que el div se ajuste a su contenido osea que si tengo un div que por defecto ocupa todo el ancho de la pantalla como tendria que hacer para que ocupe solo el ancho de su contenido.

Código HTML:

Ver original<html>
<body>
<div class="contenido">contenido</div>
</body>
</html>

si lo pongo en posicion absoluta me hace lo que quiero pero de descuadra todo lo demas, no hay otra manera mas sencilla que no afecto la estructura html?

Saludos.

PHPeros · #2 (**permalink**) 13/09/2013, 11:12

Puedes poner un min-width como mínimo y de ahí no pasará. Lo mismo con max-width que sería al 100% para que ocupe toda la pantalla. De esta forma podrá aumentar en función de los objetos que tenga dentro estableciendo esos límites. Saludos!

pzin · #3 (**permalink**) 13/09/2013, 11:22

Dependerá un poco del contenido, pero por lo pronto:

Código CSS:

Ver originaldisplay: inline; /* o inline-block */

te podrá servir.

roboty · #4 (**permalink**) 13/09/2013, 14:07

Hola bueno PHPeros gracias por tu ayuda pero el min-width ya lo conocia y no hace lo que necesito, en cambio pzin no conocia el atributo inline-bock que es justo lo que necesitaba, gracias.

Saludos.

PHPeros · #5 (**permalink**) 14/09/2013, 04:32

Si no me equivoco los divs vienen por defecto en display block y eso hace que se comporten como un bloque encima de otro. Por eso era necesario pasarle a inline o inline-block pero no fui tan profesional como pzin

Gracias x tu amabilidad!