親divのサイズを子divの幅にする方法

Question

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

Answer 1

あなたのインテリア<div>要素は、おそらく両方float:leftでなければなりません。コンテナの幅のサイズを自動的に100％に分割します。コンテナdivにwidth:autoの代わりにdisplay:inline-blockを使用してください。またはfloat:leftコンテナを使用し、overflow:autoも適用します。あなたが正確に何をしているかによって異なります。

Answer 2

親div（私は一番外側のdivと仮定します）はdisplay: blockであり、できるだけコンテナ（この場合はボディ）の利用可能な領域をすべて埋めるでしょう。

http://jsfiddle.net/a78xy/