在網頁設計中，布局是非常重要的一個因素。CSS 提供了許多方便的布局方式，其中兩列布局和三列布局是比較常見的。

/* 兩列布局 */
.left{
float: left;
width: 200px;
}
.right{
margin-left: 220px; /* 左側區塊寬度 + 左右內邊距 + 左右邊框 = 20px */
}
/* 三列布局 */
.left {
float: left;
width: 200px;
}
.middle {
margin-left: 220px; /* 左側區塊寬度 + 左右內邊距 + 左右邊框 = 20px */
margin-right: 240px; /* 右側區塊寬度 + 左右內邊距 + 左右邊框 = 40px */
}
.right {
float: right;
width: 220px;
}

上面的代碼是兩列布局和三列布局的 CSS 實現方式。通過使用 float 屬性或者 margin 屬性來控制各個區塊的位置和大小。

兩列布局適用于需要分割出兩個獨立區塊的情況，如文章和側邊欄、商品列表和篩選器等。而三列布局則適用于更復雜的布局，需要分割出多個區塊的情況。

當然，如果需要實現更高級的布局，如響應式設計、九宮格布局等，也有著更為復雜的 CSS 實現方式。

在實際使用中，我們可以選取適合自己網頁設計的布局方式，并通過反復調整 CSS 樣式來達到最好的布局效果。