CSS表頭th固定是指在一個表格中，表頭的列可以固定在頁面中不隨滾動而移動。實(shí)現(xiàn)這一效果可以使用CSS中的position屬性和z-index屬性。

首先，我們需要為表格頭部創(chuàng)建一個單獨(dú)的結(jié)構(gòu)，使用HTML中的<thead>元素可以輕松實(shí)現(xiàn)。在<thead>中，我們會擁有一個或多個包含表格頭部單元格的<tr>元素，而在基于這些元素進(jìn)行定位時，我們需要將<thead>的position屬性設(shè)置為fixed，如下所示：

thead {
position: fixed;
}

接下來，我們需要將表格正文內(nèi)容向下移動以避免被表頭覆蓋。這可以通過設(shè)置padding-top樣式來實(shí)現(xiàn)。我們可以根據(jù)表頭單元格的高度來設(shè)置padding-top的值，例如：

th {
height: 50px;
}
tbody {
padding-top: 50px;
}

最后，我們需要為表格頭部指定一個較高的z-index屬性，以確保它在頁面中顯示在其他元素的前面。例如：

thead {
position: fixed;
z-index: 1;
}

這樣，我們就實(shí)現(xiàn)了CSS表頭th固定的效果。無論用戶如何滾動頁面，表格頭部都會保持在頁面的頂部位置。