CSS是構建網頁的重要組成部分，它可以用來實現頁面布局。一般來說，CSS的布局方法可以分為以下幾種：

1.盒子布局

.box {
position: relative;
width: 200px;
height: 200px;
border: 1px solid #000;
}

盒子布局主要通過對元素的position屬性進行設置來控制元素在頁面中的位置。其中，relative相對定位可以通過top、left、bottom、right等屬性將元素相對于其原始位置進行移動。

2.流式布局

.container {
width: 100%;
max-width: 960px;
margin: 0 auto;
}

流式布局可以讓頁面中的元素根據瀏覽器的大小進行自適應。在上述代碼中，元素最大寬度為960像素，如果瀏覽器的寬度小于960像素，那么元素的寬度將自動變為瀏覽器的寬度。

3.彈性布局

.container {
display: flex;
justify-content: center;
align-items: center;
}

彈性布局可以讓頁面中的元素進行彈性排列，達到不同屏幕大小下的優美效果。其中，display:flex屬性可以將元素設置為彈性容器，而justify-content和align-items屬性則可用于控制元素的排列方式和對齊方式。

4.網格布局

.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}

網格布局可以將頁面中的元素按照網格方式進行排列。其中，display:grid屬性可以將元素設置為網格容器，而grid-template-columns屬性則可以用于控制網格的列數和列寬，而grid-gap屬性則可以用于控制網格之間的間距。 總之，以上四種布局方法都各自有其獨特的優點，可以根據具體的需求選用相應的布局方法來實現頁面的布局效果。