CSS的滾動頁面是很好的技巧，可以讓你的網站更加互動和有趣。下面是一些簡單的步驟，來幫助你實現CSS滾動頁面。

html,body {
height:100%;
width:100%;
margin:0;
padding:0;
overflow:hidden;
}
p {
font-size:20px;
line-height:30px;
padding:10px;
text-align:justify;
white-space:pre-wrap;
margin:0;
}
.wrapper {
height:100%;
width:100%;
position:relative;
left:0;
top:0;
}
.container {
height:100%;
width:200%;
position:absolute;
left:0;
top:0;
animation:scroll-left 25s linear infinite;
}
.container p {
float:left;
width:50%;
}
@keyframes scroll-left{
0%{left:0;}
100%{left:-100%;}
}

首先，在CSS中設置html和body的高度和寬度為100%，并將margin和padding都設為0。將overflow設為hidden，可以讓頁面的滾動效果更加流暢。

然后，設置段落的樣式，包括字體大小、行高、段落內邊距、文本對齊方式和換行方式。

接下來，在包含段落的容器中，設置其高度為100%，然后設置一個相對定位的“.wrapper”類，這樣可以讓容器相對于其包含塊（即“body”元素）進行定位。

接著，在容器內部添加一個絕對定位的“.container”類，將其寬度設為200%，這樣可以讓頁面在水平方向發生滾動。并且，將其定位在左上角（即左邊距和上邊距都為0）。在“animation”屬性中定義滾動效果。

最后，在“container”類中設置段落的樣式，使用“float”屬性將它們“分割”為左右兩部分，讓它們適應容器的寬度。

這就是使用CSS創建滾動頁面的簡單步驟。嘗試一下吧，讓你的網站更加獨特和互動！