有時候，我們的網頁排版需要隱藏滾動條，這時候 CSS 就能派上用場了。以下是幾種方法來實現無滾動條的效果。

/* 方法一 */
body {
overflow: hidden;
}
/* 方法二 */
::-webkit-scrollbar {
width: 0;
height: 0;
}
/* 方法三 */
body {
scrollbar-width: none;
}

上面的三種方法均能達到隱藏滾動條的效果，不過都有一些細微差別。

第一種方法無需指定滾動條的樣式，因為它讓整個頁面的滾動條都不可見了。

而第二種方法是通過 CSS 中的偽類選擇器::-webkit-scrollbar來指定滾動條的寬度和高度為 0，實現無滾動條的效果。需要注意的是，這種方法只適用于瀏覽器 WebKit 內核的版本，比如 Safari 和谷歌瀏覽器。

第三種方法比較新，它是通過 CSS 屬性scrollbar-width: none;來實現無滾動條的效果，不過也只適用于較新的瀏覽器。

需要注意的是，在某些情況下，隱藏滾動條可能會影響頁面的可訪問性，因為用戶可能沒有預期的滾動條來操作網頁。因此，在使用這些方法時，我們需要慎重考慮。