使用CSS控制3個(gè)div，可以實(shí)現(xiàn)網(wǎng)頁排版的靈活性和美觀性。下面我們來看具體的實(shí)現(xiàn)方法。

<style>
.container {
display: flex; /* 使用flex布局 */
}
.box {
width: 100px;
height: 100px;
background-color: #ccc;
margin: 10px;
}
</style>
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>

代碼說明：

首先，在CSS中，使用display屬性可以設(shè)置元素的布局方式。這里我們使用flex布局，它可以讓我們靈活地控制元素的排列方式。

對(duì)于每個(gè)div，我們?cè)O(shè)置寬度、高度和背景色，并使用margin屬性為它們添加一些間距。

在HTML中，我們創(chuàng)建一個(gè)最外層的div容器，并賦予它c(diǎn)lass="container"。在該容器內(nèi)，創(chuàng)建3個(gè)div，它們的類名分別為"box"。

最終效果如下：