如何进行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

将display的{​​{1}}值更改为div#wrapper是一种方式：

inline-block

fixed jsFiddle