我在使用 CSS 和 jQuery 实现固定表头时遇到了一些问题，尽管问题实际上只是一个 CSS 问题。想知道是否有人见过我所看到的以及他们做了什么来修复它。
首先，代码在这里:http://billf.org/work/tables/table.html
有一个外部样式表，所有 JS 代码都在 HTML 文件的底部。
不仅这段代码被破坏了，它在 IE7 中以一种方式被破坏，在 IE8 中以另一种方式被破坏，在 Mozilla/Webkit 中又以另一种方式被破坏。即，总共三种方式。我希望一旦问题得到解决，所有的问题都会烟消云散。
好的。因此，如果您滚动网页，一旦窗口的 scrollTop 大于表格的顶部偏移量，标题行就会变得粘滞，这样当用户向下滚动页面时列标题仍然可见。问题在于，一旦 thead 固定下来，thead 元素的 overflow-x 和 text-overflow 属性就不再受尊重，因此标题列会爆炸，不再与它们下面的内容保持一致。
但是您也可以通过将 thead 设置为固定位置来重现该问题。一旦以固定位置显示 thead，就好像 overflow-x:hidden 不再受尊重。
如果您能帮助解释发生了什么，以及如何绕过它，我们将不胜感激。
非常感谢!
--比尔
最佳答案
在所有th里面放一个div，像这样，
<th>
<div style='overflow:auto;width:85px;'>text goes here</div>
</th>
这将阻止细胞膨胀
或者你可以去掉“white-space:nowrap;”第 th 个标签上的属性。
关于javascript - 在固定表头中遇到 overflow-x 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9117799/