CSS多列自適應是一種頁面布局方式，可以將內容分為多列并在不同寬度的設備上自適應調整。以下是關于如何創建一個基本的多列布局：

.container {
max-width: 1200px; /* 設置最大寬度 */
margin: 0 auto; /* 居中顯示 */
display: flex;
flex-wrap: wrap; /* 當列數不夠時換行 */
}
.column {
flex-basis: 25%; /* 列寬度設置為四分之一 */
padding: 20px; /* 填充 */
box-sizing: border-box; /* 設置邊框 */
}

在上面的代碼塊中，我們使用了flex布局，通過設置flex-basis來定義列的寬度，并使用flex-wrap屬性實現當列數不夠時換行。我們還在.column中增加了padding和box-sizing屬性來控制列之間的間距和邊框。

接下來，我們在HTML中添加一個容器和多個列：

<div class="container">
<div class="column">
<p>列 1</p>
</div>
<div class="column">
<p>列 2</p>
</div>
<div class="column">
<p>列 3</p>
</div>
<div class="column">
<p>列 4</p>
</div>
</div>

最終效果是將內容分為四列，并在不同寬度的設備上自適應調整。需要注意的是，我們在此示例中使用了百分比作為列的寬度，因此請根據實際需求調整寬度的比例。