javascript - 将 div 隐藏在父窗口之外的最佳方法

Question

我有 2 个 div - 父母和孩子。Child 绝对位于 parent 内部，并且可以根据用户交互移动。但是，孩子比父母大，我只希望父母内部的孩子部分可见。

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

Answer 1

尝试overflow: hidden;在父母身上。