CSS（層疊樣式表）是前端開發(fā)中不可或缺的技術(shù)之一，它可以控制頁面的樣式和布局。在一些網(wǎng)頁應(yīng)用中，我們需要固定表頭，讓用戶在滾動頁面時，表頭始終顯示在屏幕的上方位置。那么，CSS如何實現(xiàn)固定表頭呢？ 首先，我們需要在HTML中創(chuàng)建表格，并為表格的thead與tbody分別設(shè)定id值。比如：

<table><thead id="thead"><tr><th>表頭1</th><th>表頭2</th></tr></thead><tbody id="tbody"><tr><td>內(nèi)容1-1</td><td>內(nèi)容1-2</td></tr></tbody></table>

接著，在CSS中，我們可以為表格的thead設(shè)置position:fixed屬性，并設(shè)置表格的寬度等樣式。如下所示：

#thead {
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}

同時，我們也需要設(shè)置tbody的樣式，根據(jù)實際情況調(diào)整距離表頭的距離（即padding-top的值），避免表頭與表格內(nèi)容重疊。比如：

#tbody {
margin-top: 40px; /*與表頭的高度相等*/
padding-top: 30px; /*根據(jù)實際情況調(diào)整*/
}

最后，我們可以通過JavaScript來動態(tài)計算表格的寬度，根據(jù)頁面的實際寬度，以適配不同的設(shè)備。 至此，我們就可以通過CSS和JavaScript實現(xiàn)固定表頭的效果了。不過需要注意的是，固定表頭可能會影響表格的性能和用戶體驗，因此我們需要在實際應(yīng)用中進(jìn)行測試和優(yōu)化。