Haciendo al hijo más ancho que su padre sin ancho

Question

<div id="parent"> 
    <div id="child"> 
    content... 
    </div> 
</div> 

¿Es posible hacer #child tan ancho como el contenido? Haciéndolo más ancho que #parent, que tiene un ancho fijo, si es necesario.

(en mi caso el contenido es una cadena de texto desconocido que no quiero salto de línea)

Answer 1

Puede establecer display:inline y white-space:nowrap en su #child, que le dará los resultados que desean. El contenedor solo será tan ancho como el contenido dentro, y excederá el ancho del principal si es necesario.

Demostración: http://jsbin.com/ebuxup/edit#html,live

Answer 2

Pruebe con este CSS para evitar el salto de línea en absoluto #child { white-space: nowrap; }.

Informaciones aquí: http://www.w3schools.com/cssref/pr_text_white-space.asp