CSS中的橫向滑動條可以使網站更加美觀，并且可以在需要時方便地顯示水平方向內容。

/* 創建橫向滑動條 */
.scrollbar {
overflow-x: scroll;
white-space: nowrap;
}
/* 隱藏原生滑動條 */
.scrollbar::-webkit-scrollbar {
display: none;
}
/* 添加滾動效果 */
.scrollbar__item {
display: inline-block;
width: 200px;
height: 200px;
margin-right: 20px;
}

以上代碼中，首先定義了一個名為scrollbar的class，它使元素在水平方向上帶有滑動條，并且不換行。 然后，通過使用::-webkit-scrollbar選擇器隱藏了原生的滑動條。 最后，使用scrollbar__item類來定義水平方向上的子元素，其中包括定義寬度、高度和右側外邊距的屬性。

通過這些CSS代碼，您可以輕松地為任何網站創建一個漂亮的橫向滑動條，并將水平方向的內容放置在其中。