CSS中防止頁面拖動是通過以下兩種方式實現的：

1. 運用以下代碼禁用頁面滾動條：

body {
overflow: hidden;
}

2. 運用以下代碼禁止頁面拖動：

body {
position: fixed;
}

首先，我們來了解一下CSS中通常會使用的overflow屬性。該屬性定義如何處理當元素的內容超過其指定尺寸時發生的情況。具體取值如下：

• visible：默認值。不裁剪內容，允許內容突破邊界。
• hidden：裁剪內容，不允許內容突破邊界，因此無法訪問裁剪掉的內容。
• scroll：裁剪內容，提供滾動條以便訪問不可見的內容。
• auto：如果內容不超出尺寸，則行為類似于visible，否則行為類似于scroll。

基于該屬性，我們可以使用overflow:hidden來禁用頁面滾動條。這將導致無法通過滾動條來查看內容，但可以使用其他方式來瀏覽。當然，這種方式還存在漏洞，可以通過觸控板、鍵盤快捷鍵等方式來滾動頁面。

因此，另一種方法是將body元素的position屬性設置為fixed。這將使其成為固定定位元素，可以通過top、right、bottom、left四個屬性控制其相對于視口的位置。由于元素已經固定定位，因此無法通過滾動等方式移動它。該方法還可以保持頁面的水平和垂直對齊，將其置于前景或背景中。

需要注意的是，當使用該方法防止頁面拖動時，頁面上的所有內容都將固定在一個位置上，無法進行滾動或拖動。使用時需要斟酌，確保其適用于特定的頁面設計和應用場景。