div橫向滾動是使用CSS3樣式創建的一種滾動效果，可以將一個div容器的內容橫向滾動。以下是一個簡單的示例代碼：

```html

<div class="container">

<div class="content">

<h1>Hello World!</h1>

<p>This is some content.</p>

</div>

</div>

在這個示例中，我們使用了一個名為“container”的div容器，并給它一個名為“content”的div元素，用于放置要滾動的內容。我們還使用了一個名為“滾動到上一頁”的CSS類，用于控制div容器的內容是否應該滾動到上一頁。

接下來，我們將在CSS中設置一些樣式，使div容器的內容能夠橫向滾動。以下是一些示例代碼：

```css

.container {

position: relative;

width: 300px;

height: 200px;

.content {

position: absolute;

bottom: 0;

left: 0;

width: 100%;

height: 100%;

.content h1 {

display: block;

margin-bottom: 20px;

.content p {

display: block;

margin-bottom: 50px;

.滾動到上一頁 {

position: absolute;

bottom: 0;

left: 100%;

width: 100%;

height: 50px;

background-color: red;

transform: translateX(-100%);

在這個示例中，我們使用了“position: absolute”屬性來設置div元素的位置，并將其設置為“bottom: 0; left: 0;”。我們還使用了“width: 100%; height: 100%;”來設置div元素的寬度和高度，并將其重置為默認值。

接下來，我們使用“.滾動到上一頁”CSS類來設置div容器的內容應該滾動到“滾動到上一頁”標記。這個標記是一個紅色的矩形，用于顯示要滾動到的內容。

通過將“.滾動到上一頁”CSS類設置為“position: absolute; bottom: 0; left: 100%; width: 100%; height: 50px; background-color: red; transform: translateX(-100%);”，我們可以使div容器的內容橫向滾動。

這只是一個簡單的示例，但它演示了如何使用CSS3樣式創建div橫向滾動效果。你可以根據自己的需要修改樣式，以創建更復雜的滾動效果。