CSS可以讓網頁中的元素在水平和垂直方向上滾動。但是，有時候你可能需要讓一個元素橫向滾動。在這種情況下，你需要使用CSS的“flex”布局和“justify-content”和“flex-direction”屬性。

首先，你需要創建一個包含要橫向滾動的元素的HTML結構。例如：

<div class="container">

<div class="item">這是第一個元素</div>

<div class="item">這是第二個元素</div>

<div class="item">這是第三個元素</div>

</div>

然后，你可以使用CSS來設置容器元素的屬性，以便讓元素橫向滾動。以下是一些示例：

.container {

display: flex;

justify-content: flex-end; /* 使元素在水平方向上滾動到盡頭 */

.item {

width: 100px;

height: 100px;

background-color: blue;

display: flex;

justify-content: center; /* 使元素居中，并沿著垂直方向滾動 */

align-items: center; /* 使元素在水平方向上居中，并沿著垂直方向滾動 */

上述代碼將創建一個水平布局的“容器”元素，其中包含三個“元素”標簽。使用“justify-content”屬性使元素在水平方向上滾動到盡頭，使用“flex-end”屬性使元素在垂直方向上滾動到盡頭。

你還可以使用CSS的“Flexbox”布局來創建更復雜的布局。例如，你可以創建一個包含多行元素的“容器”元素，并在其中使用“flex”布局。以下是一個示例：

<div class="container">

<div class="row">

<div class="item">這是第一行元素</div>

<div class="item">這是第二行元素</div>

<div class="item">這是第三行元素</div>

</div>

<div class="row">

<div class="item">這是第一列元素</div>

<div class="item">這是第二列元素</div>

<div class="item">這是第三列元素</div>

</div>

</div>

上述代碼將創建一個“容器”元素，其中包含兩行“元素”標簽。使用“flex”布局，使每一行元素在水平方向上滾動到盡頭，并在垂直方向上滾動到容器的底部。

總之，CSS可以讓網頁中的元素在水平和垂直方向上滾動，而“flex”布局是其中一種常用的方法。