列表是網頁中常見的元素，我們經常需要在頁面中使用列表來展示內容。但有時候我們希望列表的頭部信息不隨著內容的滾動而消失，這時候我們可以使用CSS來解決這個問題。

/* 首先，我們需要給列表頭部添加一個外層容器 */
.header-container {
position: fixed; /* 將容器固定在頁面頂部 */
top: 0;
height: 50px; /* 定義容器高度 */
background-color: #fff; /* 定義容器的背景色 */
z-index: 1; /* 設置層級 */
width: 100%; /* 寬度設置為100% */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加陰影效果 */
}
/* 接著，我們需要給列表添加與容器同樣高度的上邊距 */
.list-container {
margin-top: 50px;
}

通過以上CSS代碼，我們就可以實現一個列表頭部不動的效果了。我們將列表頭部添加一個容器，并且將它固定在頁面頂部。然后給列表添加一個與容器高度相同的上邊距，這樣就可以避免列表內容覆蓋頭部了。