CSS布局是網頁設計中最重要的一部分，它決定了網頁的外觀和排列方式。在CSS中，單列布局和兩列布局是最常用的布局方式。

單列布局

單列布局就是將頁面內容放在一個單獨的列中，以適應各種不同的屏幕大小。這種布局非常適合移動設備和小屏幕的設備，因為它可以防止內容在屏幕上過度擁擠和難以閱讀。這是實現單列布局的CSS代碼：

.container {
width: 100%;
}
.item {
width: 100%;
margin-bottom: 10px;
}

這段代碼將.container元素的寬度設置為100%，將.item元素的寬度設置為100%，并設置它們之間的間距為10px。

兩列布局

兩列布局提供了兩個并排的列，其中一個列通常用于網站的主內容，而另一個列用于側邊欄、導航欄或廣告。這是實現兩列布局的CSS代碼：

.container {
width: 100%;
}
.left-column {
width: 70%;
float: left;
}
.right-column {
width: 30%;
float: right;
}

這段代碼將.container元素的寬度設置為100%，將左列的寬度設置為70%，并浮動到左側。右列的寬度設置為30%，并浮動到右側。

總之，在CSS的設計中，單列布局和兩列布局是最基本和常用的布局之一，他們可以滿足幾乎所有網站的布局需求。