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

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

一个很好的例子是Facebook封面照片-实际的封面照片可能很大，但是我们只能看到其中的一部分，用户可以随意移动。我知道我可以通过将div放置在父对象的所有四个侧面上并设置Z索引来隐藏外部部分，但是我想知道是否存在其他（更好）的方法？

最佳答案

在父级上尝试overflow: hidden;。