为什么DOM元素的宽度会随着固定定位而变化？

Question

我有一个HTML表，我正在尝试实现Sticky固定标头。该表有超过100行和列，以便它在水平和垂直上滚动。

为此，我需要将header元素的位置设置为“Fixed”，但这样做会改变元素的宽度，从而导致<td>个元素在{的右侧被截断{1}}它在。

这是右侧的表格。使用位置：固定应用（在第二个视图中），表头从侧面截断，仅向上滚动到一定数量的列。没有左边距或右边距，也没有填充属性。该表位于<div>内，共享屏幕的80％，其中20％分配给另一个表格的第二个div，如：

<div>

表格（#leftPanel { width: 20%; height: 90vh; float: left; } #tablePanel { width: 80%; height: 90vh; float:right; } #tablepanel内）设置了标准表格结构

<div>

我使用Pseudo标头，主标头的克隆，以便在将Position设置为fixed（另一个副作用）后保持列的宽度。伪标头充当其自己的可滚动元素，并对<table> <thead class="header"> </thead> <tbody> </tbody> <thead class="pseudoHeader" </thead> </table> 元素上的滚动做出反应。

<tbody>

在CSS中设置这些属性后，标题的宽度会减小，不再显示所有列。

我的问题是， $(".pseudoHeader").css({"top": 0, "position" : "fixed"}); $(".pseudoHeader").css({"overflow-x":"scroll", "max-width":"100%"}); 为什么position: fixed更改导致此行为？