在網頁制作的過程中，有時候我們需要使用css樣式來美化頁面的滾動條，使其更加符合頁面的整體風格，增加用戶的使用體驗。但是在進行滾動條樣式制作的時候，我們需要注意滾動條的距離和高度是否匹配，否則會出現樣式沖突或者無法正常顯示的問題。

/*滾動條樣式*/
::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: #ddd;
}
::-webkit-scrollbar-thumb:hover {
background-color: #999;
}

在上面的代碼中，我們可以看到滾動條的距離和高度都設置為了8px，并將滾動條和滑塊的背景顏色都設置為了灰色。但是在實際使用中，滾動條的高度和距離應該根據頁面的實際情況進行調整，否則可能會造成樣式沖突的問題。

比如，在一個高度為500px的元素內，如果設置滾動條的距離和高度都為8px，那么滾動條無法完全顯示出來。因此，我們需要根據實際情況來調整滾動條的距離和高度，以保證其正常顯示。

所以，在使用css樣式制作滾動條時，我們需要根據頁面的實際情況，合理地設置滾動條的距離和高度，以達到最佳的視覺效果和用戶體驗。