<div>元素是HTML中的一個重要的標簽，用于創建一個區塊或者容器，并且能夠對其進行布局和樣式的控制。通常情況下，<div>元素是允許用戶拖動的，即用戶可以用鼠標點擊并拖動<div>元素到指定位置。然而，有些時候我們希望<div>元素不可拖動，即使用戶按住鼠標也不能移動該元素。本文將介紹怎樣通過代碼將<div>元素設置為不可拖動的。

在HTML中，通過添加draggable屬性來控制一個元素是否可拖動。默認情況下，<div>元素的draggable屬性值為auto，表示可拖動，當值設置為true時，也表示可拖動。為了禁用<div>元素的拖動功能，我們需要將draggable屬性值設置為false。

以下是一個簡單的HTML代碼示例，演示了如何禁用<div>元素的拖動功能：

<div draggable="false">
這個div元素是不可拖動的
</div>

在這個示例中，我們簡單地在<div>元素中添加了draggable="false"屬性，該屬性值為false，這樣就禁用了<div>元素的拖動功能。

如果想要使用JavaScript來動態地改變<div>元素的可拖動狀態，我們可以通過修改draggable屬性的值來實現。以下是一個基于JavaScript的示例：

<div id="myDiv">
這個div元素默認是可拖動的
</div>
<br>
<script>
var myDiv = document.getElementById("myDiv");
myDiv.draggable = false;
</script>

在這個示例中，我們通過document.getElementById方法獲取了一個id為myDiv的<div>元素，并將其賦值給變量myDiv。然后，我們通過修改myDiv的draggable屬性為false，實現了禁用<div>元素的拖動功能。

通過上述的代碼示例，我們可以很容易地將<div>元素設置為不可拖動。這種控制元素是否可拖動的方式在實際開發中非常有用，可以更好地控制用戶界面的交互和布局。