CSS布局1-2-1是一種常用的網頁布局方式，它將頁面分為三個部分，左右兩側為固定寬度的側邊欄，中間為自適應寬度的主體內容。

要實現這種布局，首先需要使用HTML標簽將頁面分為三個區域。例如：

<div class="wrapper">
<div class="sidebar-left"></div>
<div class="main"></div>
<div class="sidebar-right"></div>
</div>

在CSS中，可以使用float屬性來將左右兩側的側邊欄浮動到頁面的左右兩端，使它們固定寬度。同時，將中間的主體內容設置為100%寬度，使它自適應屏幕或容器的寬度。例如：

.wrapper {
overflow: hidden;
}
.sidebar-left {
float: left;
width: 200px;
height: 300px;
background-color: #ccc;
}
.main {
margin: 0 200px;
height: 300px;
background-color: #fff;
}
.sidebar-right {
float: right;
width: 200px;
height: 300px;
background-color: #ccc;
}

在上面的代碼中，我們將左側側邊欄設置為浮動到左側，并且寬度為200px，高度為300px，背景色為灰色。右側側邊欄同理。主體內容則在左右兩側各留出200px的空間，讓它自適應寬度。

最后，我們還需要在wrapper元素上設置overflow:hidden屬性，來清除浮動產生的影響。

這樣，我們就完成了一個簡單的CSS布局1-2-1。這種布局方式適用于很多場景，比如博客、新聞網站等，具有較好的可讀性和用戶體驗。