CSS滑動欄目是一種非常實用的設計工具，它讓網頁在排版上更加美觀，并且可以節省頁面空間。以下是一個簡單的示例，展示如何使用CSS創建一個滑動欄目。

html,body{
margin:0;
padding:0;
height:100%;
overflow:hidden;
}
.container{
width:100%;
height:100vh; /*設置容器高度為100%*/
display:flex;
overflow:hidden;
}
.menu{
width:200px; /*設置菜單欄寬度*/
height:100%;
background-color:#333;
color:#fff;
overflow-y:scroll; /*設置菜單欄超出容器高度時滾動*/
}
.content{
flex-grow:1; /*讓內容部分自適應寬度*/
}
@media screen and (max-width: 768px){ /*在小屏幕中隱藏菜單欄*/
.menu{
display:none;
}
.content{
width:100%;
}
}

在上述代碼中，我們首先設置了html和body元素的高度和寬度，使它們占據整個瀏覽器視口。接著，我們創建了一個名為“container”的容器，并設置其高度為100%。我們還使用了“flex”布局來讓內容部分自動適應寬度。

然后，我們創建了一個名為“menu”的菜單欄，并設置其寬度為200像素。我們還給菜單欄設置了背景顏色，并讓其內容滾動超出容器高度時滾動。最后，我們使用@media媒體查詢來在小屏幕中隱藏菜單欄，并讓內容部分自適應寬度。

需要注意的是，該示例中使用的是CSS3特性，因此要想使它兼容舊版瀏覽器，需引入一些CSS兼容性代碼或使用JavaScript等其他技術手段。除此之外，滑動欄目的具體樣式和功能可以根據實際需求進行自定義和擴展。