CSS多頁布局是用于設計多頁面網站的一種布局方法。在網站設計中，我們需要為每個頁面創建一個頁面框架。CSS多頁布局可以幫助我們使用相同的頁面布局方式來創建多個頁面。這使得我們可以在所有頁面上保持相同的外觀和感覺。

.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.header, .main, .sidebar, .footer {
grid-column: 1 / -1;
}
.header {
grid-row: 1;
}
.sidebar {
grid-row: 2 / -1;
}
.main {
grid-column: 2 / -2;
grid-row: 2;
}
.footer {
grid-row: -1;
}

上述代碼是一個基本的CSS多頁布局，它使用CSS Grid來實現。我們首先創建一個.container類的網格容器，該容器包含3列的網格。我們在容器中放置了一個頭部、一個主體、一個側邊欄和一個底部。我們使用grid-column和grid-row屬性來指定每個元素在網格容器中的位置。使用CSS多頁布局，我們可以在不同的頁面上使用相同的代碼，并在每個頁面上實現相同的布局。