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

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

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

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

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