html - 如何将滚动条放在固定宽度的 div 上，里面有一个表格，它在 HTML 中动态添加固定宽度的 td

Question

我对 HTML 有疑问。

我在 div 中有一个表格。 div的宽度为200px，td会动态添加。所以我有以下代码可以产生类似的输出。每个 td 都有 100px 宽度。因此，当我添加 5 个 td 和 100px 时，它将在 500px 左右。但是没有出现滚动条，并且列的宽度会自动调整大小。

<div style="border:1px solid black;width:200px;overflow:auto">
    <table style="border:1px solid black;">
        <tr style="border:1px solid black;">
            <td style="border:1px solid black;width:100px">1</td>
            <td style="border:1px solid black;width:100px">2</td>
            <td style="border:1px solid black;width:100px">3</td>
            <td style="border:1px solid black;width:100px">4</td>
            <td style="border:1px solid black;width:100px">5</td>
         </tr>
    </table>
 <div>

http://jsfiddle.net/L93UG/

但是当添加新的 td 时我需要为 div 滚动。但它实际上会自动调整大小并且没有滚动出现。我无法将宽度添加到表格。感谢您的帮助。

Answer 1

提供 div 和 overflow:scroll 或 overflow-x:scroll 并从 TD 中移除固定宽度:

http://jsfiddle.net/L93UG/1/