我如何製作一個div拉伸以包含一個包含表格？

Question

我有一張桌子，有時比它裏面的div寬 - 這會導致我的桌子超出div邊框。

我怎樣才能使div拉伸，所以div邊界總是圍繞表？

This fiddle如果縮小結果窗格，則會顯示問題。

div#wrapper{ 
    margin: 2em; 
    padding: 1em; 
    border: 1px solid black; 
    width: auto; 
} 

<div id="wrapper"> 
    <table border="1"> 
     <tr> 
      <td>stuff</td> 
      <td>stuff</td> 
      <td>stuff</td> 
      <td>stuff</td> 
      <td>stuff</td> 
      <td>stuff</td> 
      <td>stuff</td> 
      <td>stuff</td> 
      <td>more stuff</td> 
      <td>more stuff</td> 
      <td>more stuff</td> 
      <td>more stuff</td> 
      <td>more stuff</td> 
     </tr> 
    </table> 

Answer 1

改變的div#wrapper的display值inline-block是單向的：

div#wrapper { 
    margin: 2em; 
    padding: 1em; 
    border: 1px solid black; 
    display: inline-block; 
} 

fixed jsFiddle