在CSS中，我們可以使用position屬性來設(shè)置div元素的定位方式，從而實現(xiàn)可拖動的效果，我們可以將div元素的position屬性設(shè)置為absolute或fixed，然后通過設(shè)置top、left、right和bottom屬性來控制div元素的位置。

為了讓div元素可拖動，我們還需要添加一些JavaScript代碼來實現(xiàn)，下面是一個簡單的示例代碼：

HTML代碼：

<div id="mydiv" style="position:absolute;top:0;left:0;width:100px;height:100px;background-color:red;"></div>

JavaScript代碼：

var mydiv = document.getElementById("mydiv");
mydiv.onmousedown = function(event) {
    var pos = mydiv.getBoundingClientRect();
    var x = event.clientX - pos.left;
    var y = event.clientY - pos.top;
    document.onmousemove = function(event) {
        var newX = event.clientX - x;
        var newY = event.clientY - y;
        mydiv.style.left = newX + "px";
        mydiv.style.top = newY + "px";
    };
    document.onmouseup = function() {
        document.onmousemove = null;
        document.onmouseup = null;
    };
};

在這個示例中，我們首先在HTML中創(chuàng)建了一個div元素，并將其position屬性設(shè)置為absolute，在JavaScript中，我們獲取了div元素的初始位置，并添加了onmousedown事件處理程序，以便在用戶按下鼠標時開始拖動操作，在拖動過程中，我們使用onmousemove事件處理程序來不斷更新div元素的位置，并使用onmouseup事件處理程序來結(jié)束拖動操作。

通過這種方法，我們可以實現(xiàn)一個簡單的可拖動div元素，這只是一個基本的示例，實際使用時可能需要根據(jù)具體需求進行調(diào)整和優(yōu)化。