CSS中的div漂浮效果是一種常見的網頁設計技術，通過CSS樣式表和HTML文檔結構的配合實現。在實現div漂浮效果時，需要使用到CSS中的position屬性以及top和left屬性。

/*CSS代碼*/
div {
position: absolute;
top: 100px;
left: 100px;
width: 100px;
height: 100px;
background-color: red;
}

在上面的代碼中，position屬性用來控制元素的定位方式，top和left屬性分別用來設置元素的上邊距和左邊距，當元素的position屬性被設置為absolute時，其定位基準點為最近的非static定位祖先元素或body元素。

如果要使div向下漂浮，在代碼中需要將top屬性的值逐漸增加，例如：

/*CSS代碼*/
div {
position: absolute;
top: 100px;
left: 100px;
width: 100px;
height: 100px;
background-color: red;
animation: floatDown 2s ease-in-out infinite; /*添加CSS動畫*/
}
@keyframes floatDown {
0% { top: 100px; }
50% { top: 200px; }
100% { top: 300px; }
}

在上面的代碼中，添加了CSS動畫，通過@keyframes規則定義了div向下漂浮的關鍵幀。使用animation屬性將動畫應用到div元素上，同時設置了動畫的持續時間、動畫補間函數以及循環次數。

通過以上的代碼，可以讓div元素向下漂浮，并且不斷循環動畫。