html - 在 html 表格中，为什么标题宽度不会改变整个表格的宽度？

Question

看看这个小提琴：http: //jsfiddle.net/foreyez/hQ9ZR/

<table background='red'>
<thead>
    <tr>
        <th style='width:3000px;background:red'>Students</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Joe</td>
    </tr>
    <tr>
        <td>Shmoe</td>
    </tr>
</tbody>

​</p>

而CSS是：

  html,body { overflow:auto; }

当我将 Header 的宽度设置为 3000px 时，我希望它会导致页面溢出（滚动条）。但事实并非如此。这是因为标题单元格的宽度不会改变整个表格的宽度。

如果将表格的宽度设置为 3000px，您会看到溢出（滚动条）

所以基本上，我想知道是否有办法让表格的宽度由它的标题宽度定义？

谢谢

Answer 1

首先，这不是你现在设计表格的方式

<table background='red'>

改用这个

<table style="background:red;">

其次，您需要使用min-widthforth而不是width

我的小提琴

<th style='border: 1px solid #fffff0;min-width:5000px;background:red'>Students</th>