CSS3是前端開發不可缺少的一部分，它提供的新特性讓我們能夠更加靈活地處理html元素和排版。其中，div并排排列是我們經常需要使用的一種布局。

在CSS3中，我們可以利用Flexbox和Grid兩種方式來實現div并排排列。

1. Flexbox：Flexbox是一種用來布局的一維容器。它在主軸上排列內容，并在副軸上分配多余空間。以下是一段實現div并排排列的Flexbox代碼：

.container {
display: flex;
justify-content: space-between;
align-items: center;
}
.box {
width: 100px;
height: 100px;
}

2. Grid：與Flexbox不同，Grid是一個二維容器，它可以同時控制行和列。以下是一段實現div并排排列的Grid代碼：

.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.box {
width: 100px;
height: 100px;
}

通過以上代碼，我們可以輕松實現div并排排列。Flexbox在同一行中排列每個元素，而Grid則可以同時控制多行和多列的元素位置。嘗試使用它們，讓你的頁面更加清晰和易于管理。