html - 使用水平滚动条在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

如果你想强制表格宽度，你需要使用 min-width。

这是你的滚动条示例: http://jsfiddle.net/CEUVV/