CSS技術已經發展到了一個非常高的水平，很多我們以前認為不可能實現的效果現在都可以通過CSS來完成。其中，超出隱藏和可拖動也是很常見的需求。如何將這兩個效果結合起來，現在就來介紹一下。

.overflow-hidden {
overflow: hidden;
position: relative;
}
.draggable {
position: absolute;
top: 0;
left: 0;
cursor: move;
}

首先，我們需要將超出部分隱藏起來。可以通過給外層元素添加overflow: hidden屬性實現。同時，為了將要拖動的元素定位在超出隱藏的區域內，我們還需要給這個外層元素加上position: relative屬性。

接下來，我們需要實現可拖動的效果。這里使用的是絕對定位和鼠標事件的方式。為了使元素可以拖動，我們需要給它添加一個適當的CSS樣式，比如cursor: move屬性。而將元素定位在需要拖動的位置，可以通過設置position: absolute;、top: 0;和left: 0;屬性實現。

我是要拖動的元素

最后，我們將以上的CSS代碼和HTML代碼結合起來，就可以實現超出隱藏可拖動的效果了。具體的示例可以參考以上的代碼。