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

Question

我有2个div - 父母和孩子。 Child完全位于父级内部，可以根据用户交互进行移动。但是，孩子比父母大，我只希望父母内部的孩子可见。

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

Answer 1

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