1

我对 HTML 有疑问。

我在 div 中有一张桌子。200pxdiv的宽度td将动态添加。所以我有下面的代码可以产生类似的输出。每个td都有100px宽度。因此，当我添加 5td时100px，它将约为 500 像素。但是滚动条没有出现，列的宽度会自动调整大小。

<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/

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

4

1 回答 1

2

给出 div 和overflow:scrolloroverflow-x:scroll并从 TD 中删除固定宽度：

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

于 2013-06-24T18:00:54.633 回答