query - responsive css
CSS: Max-Width no se reducirá (3)
El ancho predeterminado de un DIV es 100%, por lo que el ancho máximo es solo el límite en su violín; no tendrá en cuenta el ancho del contenido.
Para reducir su DIV a su contenido necesitaría display: inline-block; o float:left; width:auto; float:left; width:auto; .
http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/
Posible duplicado:
Haga que CSS Div Width sea igual a los contenidos
Estoy tratando de hacer una aplicación de chat, pero ahora corrí acros un pequeño error de algún tipo.
Tengo un div con un ancho máximo establecido en 350px. Pero cuando pongo el siguiente texto en él:
dddddddddddd ddddddddddd dddddddddd dddddddddd
Agregará nuevas líneas en cada espacio pero el ancho del div permanecerá en 100px. Hice un pequeño ejemplo en jsFiddle aquí:
Como puede ver, el ancho del cuadro amarillo es de 100 px, mientras que yo quiero que se reduzca al ancho del texto. También traté de arreglarlo con el uso de un elemento, pero el cuadro amarillo sigue siendo el mismo.
Bascily Quiero que se vea como la tercera caja mientras conserva la parte de ancho máximo.
¿Alguien tiene alguna idea de cómo la caja amarilla se reducirá al ancho del texto?