在前端開發(fā)中，排版是非常重要的一部分。CSS排版可以讓我們的網(wǎng)頁看起來更加美觀，同時也可以提供更好的用戶體驗。

CSS排版的布局方式有很多種，下面介紹幾種常用的布局方式。

/* float布局 */
.container {
width: 960px;
margin: 0 auto;
}
.left {
width: 300px;
float: left;
}
.right {
width: 660px;
float: right;
}
.clearfix {
clear: both;
}
/* flex布局 */
.container {
display: flex;
justify-content: space-between;
align-items: center;
}
.left {
flex: 1;
}
.right {
flex: 2;
}
/* grid布局 */
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.item {
background-color: #ccc;
}
/* position布局 */
.container {
position: relative;
height: 500px;
}
.item {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* table布局 */
左側內(nèi)容
右側內(nèi)容

以上是常見的一些CSS布局方式，不同的布局方式適用于不同的場景。需要根據(jù)具體需求進行選擇。