CSS三段布局指的是在網頁排版中，將網頁分為三列布局的一種方法。它常常被用來實現網站頁面中的導航、側邊欄和內容主體的布局。在CSS中，我們可以使用float屬性和position屬性來實現三段布局。

.column1 {
float: left; /*將第一列向左浮動*/
width: 20%; /*設置第一列寬度為20%*/
}
.column2 {
float: left; /*將第二列向左浮動*/
width: 20%; /*設置第二列寬度為20%*/
}
.column3 {
float: left; /*將第三列向左浮動*/
width: 60%; /*設置第三列寬度為60%*/
}

如上代碼所示，我們通過設置float屬性將三列都向左浮動，從而實現三列布局的效果。其中，第一列和第二列各占據了20%的寬度，而第三列占據了60%。因此，在瀏覽器中，頁面會被分為三塊，每一塊的寬度分別為20%、20%和60%。

如果我們想要實現固定位置的三段布局，可以使用position屬性。如下代碼所示：

.column1 {
position: absolute; /*將第一列固定在左側，position屬性設置為absolute*/
top: 0; /*垂直方向上的位置設置為0*/
left: 0; /*水平方向上的位置設置為0*/
width: 20%; /*設置第一列寬度為20%*/
}
.column2 {
position: absolute; /*將第二列固定在左側，position屬性設置為absolute*/
top: 0; /*垂直方向上的位置設置為0*/
left: 20%; /*水平方向上的位置設置為20%*/
width: 20%; /*設置第二列寬度為20%*/
}
.column3 {
position: absolute; /*將第三列固定在左側，position屬性設置為absolute*/
top: 0; /*垂直方向上的位置設置為0*/
left: 40%; /*水平方向上的位置設置為40%*/
width: 60%; /*設置第三列寬度為60%*/
}

如上代碼所示，我們使用position屬性將三列都固定在網頁的左側。其中，第一列、第二列和第三列的初始位置分別為0、20%和40%。通過設置寬度，我們便能夠實現固定位置的三段布局。

綜上所述，CSS三段布局是一種常見的網頁布局方式，可以通過設置float屬性和position屬性來實現。在項目開發中，合理的使用三段布局可以幫助我們更好地展示網站的信息和內容。