使用水平滚动条在div中设置表格的列宽

Question

我想设置div中包含的表的列宽。表格的宽度可以超过固定宽度div，因此我希望div显示水平滚动条-但是表格列不会扩展到我为其设置的宽度。我该如何工作？

#content {
    width:200px;
    overflow-x: auto;
}
td,th {
   border-style:solid;
}

<div id="content">
<table style="border-style:solid;">
    <tr>
        <th style="width:50px">124</th>
        <th style="width:550px">124</th>
    </tr>
    <tr>
        <td>124</td>
        <td>124</td>
    </tr>
</table>
</div>

Answer 1

如果要强制表宽度，则需要使用最小宽度。

这是带有滚动条的示例：http : //jsfiddle.net/CEUVV/