HTML設置div不能移動 在網頁制作中，我們經常遇到需要設置某個div不能移動的情況。下面介紹兩種方法來實現。 第一種方法：使用CSS樣式表 我們可以通過CSS樣式表來設置div不能移動，使用position屬性來控制div的位置。將其設置為“fixed”固定位置，然后設置“top”和“left”值為固定數值即可。 示例代碼如下：

div{
position: fixed;
top: 20px;
left: 50px;
}

將“top”和“left”值設置為固定數值后，無論頁面如何滑動，div都會保持相對于瀏覽器窗口的固定位置。需要注意的是，使用這種方法時，要保證div的位置是相對于瀏覽器窗口的，而不是相對于其他元素的。 第二種方法：使用JavaScript代碼 通過JS代碼來實現div不能移動，主要思路是在div被拖動時，將其位置重置為原始固定位置。 示例代碼如下：

var div = document.getElementById('myDiv');
var x = div.offsetLeft;
var y = div.offsetTop;
div.addEventListener('mousedown', function (event) {
event = event || window.event;
var startX = event.pageX;
var startY = event.pageY;
document.addEventListener('mousemove', move);
document.addEventListener('mouseup', function () {
document.removeEventListener('mousemove', move);
div.style.left = x + 'px';
div.style.top = y + 'px';
});
function move(event) {
event = event || window.event;
var endX = event.pageX;
var endY = event.pageY;
var distanceX = endX - startX;
var distanceY = endY - startY;
div.style.left = x + distanceX + 'px';
div.style.top = y + distanceY + 'px';
}
});

使用這種方法時，需要注意在JS代碼中把“myDiv”改成實際的div的ID。 總結 無論是使用CSS還是JavaScript，都可以實現設置div不能移動。需要根據實際需求和具體情況選擇合適的方法。如果只是想簡單地固定div的位置，那么使用CSS是最簡單的選擇；如果需要處理拖動事件，那么使用JS可能更為方便。