在網頁制作中，DIV是最為常見的HTML元素之一，它可以用來劃分網頁中的不同部分，實現頁面的布局。CSS則是用來控制元素樣式的一種語言。在這里，我們會介紹如何用CSS將DIV元素漂浮。

/* CSS代碼 */
.float {
float: left;
margin: 10px;
width: 200px;
height: 200px;
background-color: #ccc;
}

要實現DIV元素的漂浮，我們可以使用CSS屬性float，設置元素浮動到其容器的左側或右側。具體來說，我們可以用以下的CSS代碼來為DIV元素定義一個名為float類：

上述代碼中，我們定義了一個名為float的CSS類，將其應用于一個寬高均為200px的、背景顏色為灰色的DIV元素。margin屬性用來設置DIV元素與其它元素之間的間距。

需要注意的是，如果DIV元素沒有設置浮動，那么它將按照代碼中出現的順序依次排列。而如果我們為所有DIV元素都添加了float屬性，它們將會沿著容器的左側或右側進行漂浮。

通過以上的代碼和介紹，相信大家可以輕松地理解和掌握DIV元素的漂浮效果。希望這篇文章對各位有所幫助，謝謝閱讀！