CSS是現(xiàn)代網(wǎng)頁開發(fā)中不可缺少的一部分，它可以為頁面提供美觀的外觀和布局。在CSS中，頁面布局是最重要的方面之一，因為它必須讓網(wǎng)站的內(nèi)容更容易被理解和訪問。使用CSS可以實現(xiàn)許多不同的布局方法。

/* 示例代碼 */
/* 固定寬度和居中 */
.container {
width: 960px;
margin: 0 auto;
}
/* 流式布局 */
.container {
width: 80%;
max-width: 1200px;
min-width: 800px;
margin: 0 auto;
}
/* 柵格布局 */
.row {
display: flex;
flex-wrap: wrap;
}
.col {
flex-basis: 100%;
}
@media (min-width: 600px) {
.col {
flex-basis: 50%;
}
}
@media (min-width: 900px) {
.col {
flex-basis: 33.3%;
}
}

固定寬度和居中是很常用的布局方法。可以設置一個容器的寬度，然后使用 margin: 0 auto; 來將其水平居中。另一個流行的布局方法是流式布局。使用百分比寬度而不是固定像素值來定義容器的尺寸。這使得容器可以隨著瀏覽器窗口大小的變化而縮放。 柵格布局是一種更高級的布局方法。它是一個靈活的、響應式的布局，它可以讓你在不同的屏幕大小和設備上顯得更好。使用 flexbox 或 grid ，你可以在容器內(nèi)設置任意數(shù)量和大小的列和行。