如何删除图像底部

Question

如何删除或剪切图像的底部部分，使其隐藏而不是突出div？(我有一张手机的图片，而不是底部的部分伸出div，我希望它被隐藏起来(有什么建议吗？(附言：我试过最大高度和溢出隐藏(

Answer 1

.no-overflow {
width: 100px;
height: 100px;
border: 5px solid black; 

position: relative;
overflow: hidden;
}
.overflow {
width: 100px;
height: 100px;
border: 5px solid black;
margin-top: 10px
}

<div class="no-overflow">
<img src="https://unsplash.it/200/200">
</div>
<div class="overflow">
<img src="https://unsplash.it/200/200">
</div>

如果除了图像之外没有其他内容，请执行此操作。如果有，你必须自己裁剪图像以复制的效果

Answer 2

我将溢出隐藏在图像上，这就是为什么它不起作用，当我将溢出设置为隐藏时它起作用。