CSS是網頁設計中不可缺少的一部分，它的布局方式非常多，常用的布局方式主要有以下幾種：

1. 流動布局

.container{
width: 100%;
}
.item{
width: 30%;
margin-right: 3%;
float: left;
}
.item:last-child{
margin-right: 0;
}

2. 彈性布局

.container{
display: flex;
justify-content: center;
align-items: center;
}
.item{
flex: 1;
}

3. 網格布局

.container{
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.item{
grid-column: span 1;
grid-row: span 1;
}

4. 定位布局

.container{
position: relative;
}
.item{
position: absolute;
top: 0;
left: 0;
}

使用這些常用的布局方式，可以讓我們更加快速、高效地進行網頁設計和開發。