CSS是一種用來控制網(wǎng)頁樣式的語言，在網(wǎng)頁開發(fā)中占據(jù)著非常重要的地位。其中，滾動條是一種常用的交互元素，可以方便地在頁面中瀏覽內(nèi)容。在某些情況下，我們只需要橫向滾動條，而不需要縱向滾動條。本文介紹如何使用CSS實現(xiàn)只顯示橫向滾動條。

要實現(xiàn)只顯示橫向滾動條，我們可以使用一種叫做overflow-x的CSS屬性。該屬性指定一個元素的水平溢出內(nèi)容如何處理，有以下三個值：

overflow-x: visible; // 溢出內(nèi)容可見
overflow-x: hidden; // 溢出內(nèi)容隱藏
overflow-x: scroll; // 溢出內(nèi)容出現(xiàn)滾動條

要實現(xiàn)只顯示橫向滾動條，我們可以將overflow-x設(shè)置為scroll，同時將overflow-y設(shè)置為hidden。這樣，當內(nèi)容溢出元素的寬度時就會出現(xiàn)橫向滾動條，而不會影響縱向滾動條。

div {
width: 300px;
height: 200px;
overflow-x: scroll;
overflow-y: hidden;
}

上述代碼將元素div的寬度設(shè)置為300px，高度設(shè)置為200px，并將overflow-x設(shè)置為scroll，overflow-y設(shè)置為hidden。這樣，當內(nèi)容溢出div的寬度時就會出現(xiàn)橫向滾動條，而不會出現(xiàn)縱向滾動條。

總之，我們可以使用CSS的overflow-x屬性來實現(xiàn)只顯示橫向滾動條。對于需要在網(wǎng)頁中實現(xiàn)橫向滾動的場景，這是非常實用的一種技巧。