为什么使用属性固定元素会改变它的大小？

Question

我有一个宽度相同但我需要修复标题的表，所以我在标题中使用了这个属性（固定）但是很惊讶哦！当我使用这个属性时，标题会改变它的大小，现在比表格的其他部分小......如果表格现在是包装内容（如在android属性中），如果我删除属性：固定行我的标题获得与表格其余部分相同的宽度，如何使用固定而不丢失原始宽度？

我的hedaer

th{
    position: fixed;
 top: -90px;
 font-family: 'Open Sans', sans-serif;
 font-size: 30px;
 height: 20px;
 background-color: white;
 color: #525552;
 text-align: center;
}

和我的tds

td{
 border: 2px solid #525552;
 width: 164.7px;
 margin-top: 50px;
 font-family: 'Open Sans', sans-serif;
}

Answer 1

你不能！

position:fixed元素不受页面上任何其他元素的约束，只受到视口的限制：

MDN Definition

  

固定定位类似于绝对定位，但元素的包含块是视口。

因此，如果您将位置设置为fixed，则无法再继承父级的宽度（在本例中为表格）