Javascript 将div隐藏在父窗口外的最佳方法

我有两个部门——父母和孩子。子对象绝对位于父对象内部，并且可以根据用户交互进行移动。但是，子对象比父对象大，我只希望父对象中的子对象部分可见

---

一个完美的例子是facebook封面照片——实际的封面照片可能相当大，但我们只能看到其中的一部分，用户可以移动它。我知道我可以通过在父对象的四面放置div并设置Z索引来隐藏外部部分，但我想知道是否有其他（更好）方法来实现这一点？

尝试

溢出：隐藏”