CSS是一門強大的前端開發語言，它可以為HTML代碼添加樣式，其中最基本也是最常用的就是div頁面排版。通過使用CSS中的位置屬性，我們可以將不同的div元素擺放在網頁上的不同位置，從而達到我們想要的排版效果。

下面是一個示例代碼，讓我們一步步了解如何使用CSS進行div排版：

<div class="container">
<div class="header"></div>
<div class="content"></div>
<div class="sidebar"></div>
<div class="footer"></div>
</div>
.container {
width: 100%;
height: 600px;
}
.header {
width: 100%;
height: 100px;
background-color: #f0f0f0;
}
.content {
width: 60%;
height: 400px;
float: left;
background-color: #ffffff;
}
.sidebar {
width: 30%;
height: 400px;
float: left;
background-color: #cccccc;
}
.footer {
width: 100%;
height: 100px;
background-color: #f0f0f0;
}

在上面的代碼中，我們首先創建了一個類名為container的div元素，并將其設置為占據整個網頁的寬度和固定的高度。接著，我們又創建了四個子元素header、content、sidebar和footer，并分別為它們設置了不同的寬度、高度和浮動屬性，用以使它們能夠占據不同的區域，從而形成網頁排版的布局。

在CSS div頁面排版中，我們可以通過使用浮動屬性、定位屬性、彈性布局等方式實現不同的排版效果，不同的方案在實際開發中需要根據具體需求來選擇。總之，通過合理的CSS頁面排版，可以讓網頁更加美觀、易讀，并有利于提高用戶體驗。