在網頁設計中，布局是非常重要的一部分。CSS（層疊樣式表）是前端開發中不可或缺的技術，它可以幫助我們實現各種布局。以下是三大基本布局方式：

1. 流式布局

流式布局（liquid layout）是將網頁元素按照寬度自適應地排列。我們可以使用百分比或者EM單位來設置元素的寬度，這樣可以適應不同的屏幕尺寸。流式布局的優點是可以適用于多種設備，但是在寬屏幕上可能會導致元素被拉伸或者過度縮小。

2. 彈性布局

彈性布局（flexbox layout）是CSS3中新增的一種布局方式。它通過設置容器元素的display屬性為flex，來實現相應子元素的自適應布局。彈性布局的優點是可以簡化HTML代碼結構，減少浮動等布局相關的問題，但是在舊的瀏覽器上可能無法兼容。

3. 定位布局

定位布局（position layout）是通過設置元素的position屬性來實現的。使用定位布局可以將元素精確地定位到指定的位置。我們可以使用absolute、relative、fixed等值來設置元素的定位類型。定位布局的優點是可以實現非常精確的布局，但是需要注意的是過度使用定位布局可能會導致復雜性增加。