CSS滾動條是網頁中常用的一種交互效果，可以讓用戶通過拖動滾動條來瀏覽網頁內容。但是有時候滾動條的占位可能會影響頁面布局，導致出現滾動條時頁面位置發生變化，影響用戶體驗。為了解決這個問題，可以使用CSS來設置不占位的滾動條。 首先，在CSS中設置不占位的滾動條需要用到兩個屬性：scrollbar-width和scrollbar-color，其中scrollbar-width用于設置滾動條的寬度，scrollbar-color用于設置滾動條的顏色。 下面是一個樣例代碼：

/* 隱藏滾動條 */
::-webkit-scrollbar {
display: none; 
}
/* 自定義滾動條寬度和顏色 */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
background-color: #000000;
}

在這個例子中，我們首先使用了::-webkit-scrollbar來隱藏滾動條，這樣就可以避免滾動條的占位問題。接著，我們使用了::-webkit-scrollbar來自定義滾動條的寬度和顏色，這樣可以使滾動條與頁面的設計風格相符合。 需要注意的是，不同的瀏覽器可能對于這種滾動條的設置有不同的支持，如果需要兼容多個不同的瀏覽器，建議使用一些已知的滾動條插件來實現自定義的滾動條效果。 總的來說，通過CSS進行滾動條的設置可以很好地解決滾動條占位的問題，提高用戶體驗。需要根據具體情況進行調整，確保滾動條與頁面整體設計風格相符合。