在Web開發中，我們經常需要實現一些拖拽的交互，而使用div和CSS可以輕松實現這一效果。

// HTML
<div id="box">拖我哦~</div>// CSS
#box {
width: 100px;
height: 100px;
background-color: #ccc;
cursor: move; // 鼠標形狀為移動
}

以上是一個最基礎的實現拖拽的代碼，但是需要JavaScript的支持來實現真正的拖拽。

// JavaScript
var div = document.getElementById("box");
var isDraging = false; // 標記是否拖拽中
var offsetX = 0; // 鼠標目前在div中的位置
var offsetY = 0; 
// 鼠標按下時觸發
div.addEventListener("mousedown", function(event){
isDraging = true;
offsetX = event.clientX - div.offsetLeft;
offsetY = event.clientY - div.offsetTop;
});
// 鼠標移動時觸發
div.addEventListener("mousemove", function(event){
if(isDraging){
div.style.left = (event.clientX - offsetX) + "px";
div.style.top = (event.clientY - offsetY) + "px";
}
});
// 鼠標松開時觸發
div.addEventListener("mouseup", function(){
isDraging = false;
});

以上JavaScript代碼中，我們通過鼠標的相關事件來判斷用戶是否在拖拽，若是則通過改變div的樣式屬性來實現拖拽的效果。

使用div和CSS來實現拖拽在Web開發中使用非常廣泛，能夠讓頁面實現更加自由、靈活的交互效果。