CSS是網頁設計中不可或缺的重要元素，通過它我們可以實現各種炫酷的效果。本文將介紹如何使用CSS隱藏頁面中的橫條。

首先，我們要了解橫條的原理。頁面中的橫條實際上是由瀏覽器自帶的滾動條產生的，我們可以通過CSS來控制滾動條的樣式與位置，也可以使用CSS隱藏它。

/* 隱藏橫條 */
body {
overflow-x: hidden;
}

如上代碼所示，我們可以在網頁中使用CSS來隱藏橫條，只需要將body元素的overflow-x屬性設置為hidden即可。這樣，網頁中的橫條就會被隱藏起來。

需要注意的是，這種方法只能隱藏橫條而不能禁用滾動功能。如果需要完全禁用網頁的滾動功能，可以在JS中使用preventDefault()方法來實現。

/* 禁用滾動 */
document.addEventListener('touchmove', function (e) {
e.preventDefault();
}, false);

以上代碼可以在移動端禁用滾動功能。在PC端則需要在頁面上添加一個空的絕對定位元素，或者使用JS禁用鼠標滾輪事件。

總之，CSS是網頁設計中不可或缺的元素之一。通過CSS我們可以實現各種驚艷的效果，也可以隱藏網頁中的橫條。希望這篇文章能夠對大家有所幫助。