CSS是一個用于網頁設計的樣式表語言，它可以讓我們更輕松地設置網頁的樣式和布局。其中一個很有用的功能就是讓
元素出現左右滾動條，下面讓我們來了解一下怎么做。
首先，在HTML
<head>元素中，我們需要添加以下CSS樣式：
接著，定義一個包含所有想要水平滾動的元素的父級元素，這里我們用一個帶有class為“wrapper”的
元素來實現。設置其樣式屬性如下：
.wrapper {
width: 100%;
overflow-x: scroll;
white-space: nowrap;
}其中，
overflow-x: scroll;屬性是決定是否顯示縱向或橫向的滾動條，這里我們只想要橫向的滾動條，所以設置為scroll。而
white-space: nowrap;屬性是指定子元素不進行換行。
接著，我們需要在這個父級元素內添加所有需要水平滾動的子級元素。這里我們用一個帶有class為“section”的
元素來實現。設置其樣式屬性如下：
.section {
display: inline-block;
width: 300px;
height: 200px;
margin-right: 20px;
background-color: #ccc;
}其中，
display: inline-block;屬性是指定這些子元素每個都是一個塊級元素，但是它們在同一行內顯示。同時，我們也可以通過設置寬度、高度以及背景色等屬性來控制子元素的樣式。
最后，我們可以在HTML中添加以下代碼來測試效果：
這里，我們在“wrapper”父級元素中添加了四個帶有“section”類的子級元素，這些元素將會出現橫向滾動條。
通過以上的CSS樣式，我們可以很輕松地讓一個
元素出現左右滾動條。