CSS 圣杯法是一種常用于網站布局設計的技術，它可以創建出具有一定美觀度的三欄布局，其中兩側的欄目寬度固定，中間的欄目寬度則可以隨著瀏覽器窗口的大小而自適應。

.container {
padding: 0 50px;
display: flex;
}
.left-column, .right-column {
width: 200px;
margin-right: -200px;
position: relative;
}
.left-column {
order: -1;
}
.center-column {
flex-grow: 1;
margin: 0 200px;
}

上述代碼實現了 CSS 圣杯法中的基本布局。container 為整個頁面的容器，它的 padding 用于分隔頁面邊緣與欄目內容的間距。left-column 和 right-column 分別為兩側的固定寬度欄目，其中 margin-right: -200px 用于將兩側欄目向左移動，為中間欄目留出空間。center-column 為中間的自適應寬度欄目，它使用了 flex-grow:1 來使其能夠填滿父容器剩下的空間。order: -1 則用于將 left-column 移動到右側欄目之前。