CSS中設(shè)置可拖動距離非常簡單，我們可以使用CSS的"resize"屬性來實現(xiàn)。

/* 設(shè)置可拖動距離為50像素 */
div{
resize: both;/* 可以水平和垂直方向拖動 */
max-width: 50px;/* 設(shè)置最大寬度 */
max-height: 50px;/* 設(shè)置最大高度 */
}

在上述代碼中，我們設(shè)置了一個div元素，使用"resize"屬性可以讓這個元素具有可拖動的能力，"both"值表示可以水平和垂直方向拖動，也可以分別設(shè)置"horizontal"和"vertical"值只能在水平或垂直方向拖動。

同時我們也設(shè)置了該元素的最大寬度和最大高度都為50像素，以控制元素的大小。

這種方法對于一些需要讓用戶自由調(diào)節(jié)界面元素大小的情況非常適用，比如拖動邊框改變圖像大小等等。