在前端開發(fā)中，網(wǎng)頁布局是一項非常重要的技術(shù)。而今天我們來說說三列固定寬度的CSS布局，它適用于很多場景，如博客、新聞等。

首先，我們需要設置一個容器，它的寬度為一定值（比如說960px），同時它的背景顏色可以隨個人喜好而定。

.container {
width: 960px;
background-color: #fff;
}

接下來，我們需要創(chuàng)建三個列，它們分別由兩個div組成。其中，左右兩列的寬度為固定值250px，中間列的寬度為自適應，即它的寬度為(container的寬度 - 兩邊列的寬度 - 兩邊列之間的間距（比如說20px）)。

.left {
width: 250px;
float: left;
}
.right {
width: 250px;
float: right;
}
.middle {
width: auto;
float: left;
margin-right: 20px;
}

在這里，我們可以看到，我們使用了float屬性來將左右兩個列浮動到左右，而中間的列則不浮動（即float為none），讓它占據(jù)剩余的空間。我們還創(chuàng)建了一個間距的margin，以便讓中間的列與左右兩列之間保持距離。

最后，在容器內(nèi)添加上剛剛創(chuàng)建的三個列的div，即可實現(xiàn)三列固定寬度的布局。

<div class="container">
<div class="left"></div>
<div class="middle"></div>
<div class="right"></div>
</div>

以上就是三列固定寬度的CSS布局，它簡單、易于設置，非常適合用于快速搭建網(wǎng)頁框架。