Question

我在使用CSS和jQuery实现固定表头时遇到了一些麻烦，尽管这个问题实际上只是一个CSS问题。想知道是否有人见过我所看到的以及他们做了什么来解决它。

有一个外部样式表，所有JS代码都位于HTML文件的底部。

这个代码不仅被破坏了，它在IE7中以一种方式被破坏，在IE8中以另一种方式被破坏，而在Mozilla / Webkit中则被破坏。即，总共有三种方式。我希望一旦问题得到解决，所有问题都将消失。

行。因此，如果滚动网页，一旦窗口的scrollTop大于表的顶部偏移量，标题行就会变为粘性，这样当用户向下滚动页面时，列标题仍然可见。问题是，一旦thead变得固定，thead元素的overflow-x和text-overflow属性就不再受到尊重，因此标题列会爆炸并且不再与它们下面的内容一致。

但您也可以通过将thead设置为固定位置来复制问题。就像thead以固定位置显示一样，就好像overflow-x：hidden不再受到尊重了。

任何帮助解释正在发生的事情，以及如何解决这些问题都将非常感激。

非常感谢提前！

- 比尔

Answer 1

将div放在所有的内部，就像这样，

<th>
 <div style='overflow:auto;width:85px;'>text goes here</div>
</th>

这将阻止细胞扩张

或者你可以脱掉“白色空间：nowrap;” th标签上的属性。