CSS控制橫向滾動條位置

請在樣式表中添加下列代碼：
body {
margin-bottom: -18px; /*大多數瀏覽器的默認值*/
overflow-x: hidden; /*隱藏橫向滾動條*/
}
body::-webkit-scrollbar {
height: 18px; /*設置橫向滾動條高度*/
}
body::-webkit-scrollbar-thumb {
background-color: #ccc; /*設置橫向滾動條的顏色*/
}

以上代碼設置了隱藏橫向滾動條，然后在高度為18像素的橫向滾動條區域中加入一個#ccc的顏色。把負的margin給body元素可以避免由橫向滾動條引起的頁面尺寸改變。你可以按照你自己的需求修改這些值。