CSS圣杯布局是一種經典的三欄布局方式，包括左側欄、右側欄和中間主欄。其中左右兩欄是定寬的，而主欄則為自適應寬度。使用這種布局可以實現固定頭部和底部導航欄的網站，同時可以提高頁面的美觀度。

在實現這種布局的時候，經常會出現一個問題，那就是左右兩欄的高度不能隨著中間主欄的高度自適應變化。這個問題可以通過CSS的float和負margin屬性來解決。具體的實現方法如下：

.container {
position: relative;
padding-left: 200px;
padding-right: 200px;
}
.left-col {
float: left;
margin-left: -200px;
width: 200px;
}
.right-col {
float: right;
margin-right: -200px;
width: 200px;
}

在上述代碼中，.container表示整個布局的容器，而.left-col和.right-col則分別表示左側欄和右側欄。通過設置.container的padding-left和padding-right屬性，使中間主欄騰出留白。然后，利用.left-col的float:left屬性和margin-left:-200px負margin值，將左側欄向左偏移200px，并將其浮動到左側。同樣地，利用.right-col的float:right屬性和margin-right:-200px負margin值，將右側欄向右偏移200px，并將其浮動到右側。

這樣一來，左右兩欄就能夠與中間主欄正確對齊，并且左右兩欄的高度能夠隨著中間主欄的高度自適應變化。注意，在使用CSS圣杯布局的時候，一定要確保左右兩欄的順序不要顛倒，否則會導致布局出現問題。