CSS 是一種網頁樣式表語言，一般用于控制網頁的視覺效果。而頁面布局則是 CSS 中的一個重要內容。在 CSS 中，我們可以使用不同的排版方式來設計網頁，以滿足不同的需求。 下面介紹一下 CSS 中的幾種頁面布局： 1. 流式布局 流式布局是 CSS 中最常見的一種布局方式。它可以讓網頁元素隨著瀏覽器窗口的大小調整而自動適應。在流式布局中，元素的寬度和高度都是相對于其父級元素而言的。 例如，我們可以使用下面的 CSS 代碼來實現一個流式布局：

p {
width: 100%;
height: auto;
}

2. 固定布局 固定布局與流式布局相反，它不會隨著瀏覽器窗口的大小變化而改變。在固定布局中，元素的寬度和高度都是固定的，一般是以像素為單位。 例如，我們可以使用下面的 CSS 代碼來實現一個固定布局：

p {
width: 600px;
height: 400px;
}

3. 彈性布局 彈性布局（也稱為 flex布局）是一種非常流行的 CSS 布局方式。它可以讓元素在一個容器中根據一定的比例分配空間。彈性布局適用于制作響應式網站，可以讓網頁在不同的設備上自適應。 例如，我們可以使用下面的 CSS 代碼來實現一個彈性布局：

.container {
display: flex;
justify-content: space-between;
}
p {
flex: 1;
}

總體來說，CSS 提供了多種頁面布局方式，可以根據實際需要選擇最適合的布局方式。無論是流式布局、固定布局還是彈性布局，都可以讓我們更好地進行網頁設計。