CSS （層疊樣式表）使網頁設計者能夠對網頁的外觀和布局進行更精細的控制。其中，布局是網頁中最基本的要素之一。CSS中提供了不同的布局模式，每一種模式都有其獨特的特點和使用方法。

流式布局（fluid layout）：指的是網頁中各個元素大小隨著窗口大小的變化而自適應調整。這種布局模式可以用百分比作為單位，使設計師能夠獲得不同屏幕分辨率和不同設備上的一致體驗。下面是一個流式布局的例子：

.container {
width: 80%;
margin: 0 auto;
}
.box {
width: 30%;
float: left;
margin: 10px;
}

彈性布局（flexible layout）：也稱為Flexbox布局，它使得元素的大小和位置相對于其容器更加靈活。Flexbox 布局允許設計師輕松地創建自適應的網頁布局，使元素可以在不同的屏幕分辨率和設備上自動布局。以下是一個彈性布局的例子：

.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.box {
width: 200px;
height: 200px;
margin: 10px;
background-color: #EEE;
}

網格布局（grid layout）：這種布局模式是HTML和CSS的最新標準之一，它類似于彈性布局，但比彈性布局更加強大和靈活。其特點是可以按照行和列來布置網頁元素。以下是一個網格布局的例子：

.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}
.box {
background-color: #EEE;
}

總體而言，CSS提供了多種布局方式，讓設計者可以根據需要，選擇最適合自己的布局方式，從而實現靈活、美觀的網頁設計。