Як зробити автоматичний розмір батьківського div для ширини його дочірніх div

Я намагаюся зробити батьківський div настільки широким, як дочірній div. Автоматична ширина робить батьківський div відповідним цілому екрану. Діти div будуть мати різну ширину залежно від їх вмісту, тому мені потрібен батьківський div для відповідного налаштування.

<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>

Ваші <div>елементи інтер’єру, ймовірно, повинні бути обома float:left. Розділяє розмір на 100% від розміру ширини контейнера автоматично. Спробуйте використовувати display:inline-blockзамість width:autodiv контейнера. Або можливо float:leftконтейнер, а також застосовувати overflow:auto. Залежить від того, що саме ти хочеш.

Батьківський div (я припускаю, що найвіддаленіший div) є display: blockі заповнить всю доступну область його контейнера (в даному випадку тіло), яку він може. Використовуйте інший тип дисплея - inline-blockце, мабуть, те, для чого ви йдете:

http://jsfiddle.net/a78xy/