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

Question

我有一个宽度相同的表格，但我需要固定标题，所以我在标题处使用了这个属性(固定)，但哦惊喜!当我使用这个属性时，标题会改变它的大小，现在比表格的其他部分小......就像表格现在是包装内容(就像在 android 属性中一样)并且如果我删除属性:固定行我header 的宽度与表格的其余部分相同，如何使用 fixed 而不会丢失原来的宽度？

我的家

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 元素不受页面上任何其他元素的影响，而仅受视口(viewport)影响:

MDN Definition

Fixed positioning is similar to absolute positioning, with the exception that the element's containing block is the viewport.

因此，如果将位置设置为fixed，就不能再继承父级的宽度(在本例中为表格)