CSS盒子分左中右，通常被用作網頁布局的基礎之一。這個布局最常見的形式是將頁面分成三列：左列、中列和右列。下面是CSS代碼和HTML代碼示例：

/*CSS代碼*/
.left {
float: left;
width: 20%;
background-color: yellow;
}
.middle {
float: left;
width: 60%;
background-color: #eee;
}
.right {
float: right;
width: 20%;
background-color: yellow;
}

左側
中間
右側

這些CSS代碼使用了float屬性，用于指定元素的浮動方式。對于左側和中間的列，我們將它們的浮動方式設置為左側；對于右側的列，我們將其浮動方式設置為右側。在這個布局中，我們還指定每個元素的寬度和背景顏色。

使用這個布局，可以輕松地為網頁創建一個簡單卻漂亮的布局。你可以根據需要在這三列中放置任意數量的元素，不必太擔心它們的大小或定位。然而，需要注意的是，在創建復雜的布局時，這種方法可能不太適合。此外，你也可以通過Flexbox或Grid等更高級的CSS技術來創建更復雜的布局。