如何隐藏未使用图像的其余部分

Question

你问的越多，你得到的知识就越多。右？我不知道这个问题是不是基本的，但有点让我认真思考。

看看我有什么pic 1。

图1：https://i.stack.imgur.com/GAQEo.jpg

当我上传图像时，它将显示到名为<img id="image"/>的容器中，并且图像可以水平拖动。我的问题是，如何隐藏其余未使用的图像？当我拖动图像时，其余部分不会显示

Answer 1

要解决此问题，您可以将overflow: hidden放在#image元素的父元素的 CSS 中。

Answer 2

将样式溢出：隐藏; 添加到父元素，如下所示：

<div style="overflow: hidden;">
<img src="img.png" id="image" />
</div>