CSS橫行滾動條是指當一個元素的內容超出了它的寬度時，在水平方向上出現的滾動條。這是網頁設計中非常常見的一種效果，可以讓內容在有限的區域內展示更多的內容。

要實現橫行滾動條，需要使用CSS的overflow屬性。該屬性用于控制元素內容溢出時如何處理。可以將其值設置為auto、scroll或hidden。其中，scroll為在元素內容超出時自動出現滾動條。

div.scroll-container {
width: 500px;
overflow-x: scroll;
}

在上面的代碼中，我們設置了一個元素的寬度為500像素，然后使用overflow-x屬性將其橫向滾動條的顯示方式設置為scroll。這樣，當元素內部的內容超出了寬度時，就會在水平方向上出現一個帶有滾動條的框。

需要注意的是，如果要使滾動條能夠正常工作，必須要設置元素內部內容的寬度超過元素本身的寬度。否則，滾動條就會失去它的作用。

div.scroll-container {
width: 500px;
overflow-x: scroll;
}
div.scroll-content {
width: 800px;
}

在上述代碼中，我們為元素內部的內容設置了一個寬度800像素，遠遠大于元素本身的寬度500像素。這樣，當內容超出元素范圍時，就會出現一個帶有滾動條的框，方便用戶在水平方向上查看全部的內容。

總之，使用CSS橫向滾動條可以幫助我們在有限的空間內實現更多的內容展示。只需要設置好元素的寬度和內部內容的寬度，并將overflow-x屬性設置為scroll就可以實現。希望這篇文章對您有所幫助！