這里介紹一個常用的CSS三欄布局模板，適用于左右固定寬度，中間自適應寬度的布局需求。

<div class="container">
<div class="left">
左側欄
</div>
<div class="middle">
中間主要內容
</div>
<div class="right">
右側欄
</div>
</div>

以上為HTML結構，接下來是對應的CSS樣式：

.container {
display: flex;
}
.left {
width: 200px;  // 左側欄固定寬度
}
.middle {
flex: 1;  // 中間部分自適應寬度
}
.right {
width: 200px;  // 右側欄固定寬度
}

通過設置父元素（.container）的display為flex，實現了三欄的水平排列，其中中間部分（.middle）使用flex: 1的方式，充滿了剩余空間達到了自適應寬度的效果。

如果以上HTML結構不適用于您的實際需求，也可以通過類似的思路自行調整結構和樣式，實現您想要的布局效果。