HTML表格标题宽度似乎是根据比例宽度调整的？

好的，请耐心听我解释。在下面的代码中，我有一些虚假的数据值。如果我再添加几个字符，屏幕上的实际宽度似乎会改变，而不是像我所说的150px那样固定。我需要固定宽度。我是否可以设置一个属性来确保这一点

<div id='DataTable' style='height:300px;overflow:auto;overflow-x:auto;overflow-y:scroll;width:900px;'  onmouseup="MatchScroll('DataTable','HeaderTable', true);" onmousemove="MatchScroll('DataTable','HeaderTable', false);"     >
<table border='1' style='width:2850px;'>
    <tbody id='ClearDetails'>
        <tr id='Row0'    style='color:black;height:auto;'>
            <td style='width:150px;'>testtttt</td>
            <td style='width:150px;'>te</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>t</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>testtttttt</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
            <td style='width:150px;'>test</td>
        </tr>
    </tbody>
</table>

testtttt
te
测试
测试
T
测试
测试
testtttttt
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试
测试

---

默认情况下不会继承溢出属性，您需要使用以下选项：

<th style='width:150px; overflow-x:hidden;'>
    <a style='width:150px;' href=''>t</a>
</th>

---

另外，我强烈建议您使用类。

我似乎通过在href标记中包含display:block来实现它。唯一的问题是数据（没有href标记）现在需要固定宽度。如果你看一下你的代码，它就没有什么意义了。首先，您有最大宽度为900px的div。然后，您有一个最大宽度为2850px ad的表，其中有一组列，每个列的宽度为150px。下定决心：-）并且仅供参考，表应该有一个

，而不应该让

显示：block

，因为它在所有浏览器中的工作方式都不一样。。