在網(wǎng)頁設計中，使用CSS的div元素可以有效地實現(xiàn)頁面布局。下面我們來看一些CSS div事例：

<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
.container {
display: flex;
}
.left {
flex: 1;
}
.right {
flex: 2;
}<div class="container">
<div class="left"></div>
<div class="middle"></div>
<div class="right"></div>
</div>
.container {
display: flex;
}
.left {
flex: 1;
}
.middle {
flex: 2;
}
.right {
flex: 1;
}<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
.container {
display: flex;
flex-wrap: wrap;
}
.box {
flex: 1;
}
@media screen and (max-width: 768px) {
.box {
flex-basis: 50%;
}
}

以上是一些常用的CSS div事例，通過這些事例我們可以看到，CSS的div元素可以幫助我們快速實現(xiàn)頁面布局，提高我們的開發(fā)效率。