Cómo hacer que un div principal tenga un tamaño automático del ancho de sus divs secundarios

Estoy tratando de hacer que el div padre sea tan ancho como el div hijo. El ancho automático hace que el div principal se ajuste a toda la pantalla. Los divs secundarios tendrán diferentes anchos según su contenido, por lo que necesito que el div principal se ajuste en consecuencia.

<div style='width:auto;'>
  <div style="width: 135px; float: left;">
    <h4 style="padding-right: 5px; padding-left: 15px;">Column1</h4>
    <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
      <dd style="white-space: nowrap;">1</dd>
      <dd style="white-space: nowrap;">2</dd>
    </dl>

    <h4 style="padding-right: 5px; padding-left: 15px;">Column1</h4>
    <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
      <dd style="white-space: nowrap;">1</dd>
      <dd style="white-space: nowrap;">2</dd>
    </dl>
  </div>

  <div style="width: 135px; float: right;">
    <h4 style="padding-right: 5px; padding-left: 10px;">Column2</h4>
    <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
      <dd style="white-space: nowrap;">1</dd>
      <dd style="white-space: nowrap;">2</dd>
      <dd style="white-space: nowrap;">3</dd>
    </dl>
  </div>
</div>

Tus <div>elementos interiores probablemente deberían ser ambos float:left. Divide el tamaño al 100% del tamaño del ancho de su contenedor automáticamente. Intente usar en display:inline-blocklugar de width:autoen el contenedor div. O posiblemente float:leftel envase y también aplicar overflow:auto. Depende de lo que busques exactamente.

El div padre (supongo que el div más externo) es display: blocky llenará toda el área disponible de su contenedor (en este caso, el cuerpo) que pueda. Use un tipo de pantalla diferente, inline-blockprobablemente sea lo que está buscando:

http://jsfiddle.net/a78xy/