CSS从左开始在div中裁剪img

如果一个图像溢出了它的容器，我想裁剪它，从右边裁剪就足够简单了（默认操作是将图像定位到div的左上角），并且有多种方法可以裁剪到中间

我想做的是从左边裁剪。换言之，这样图像将定位到封闭div的顶部和右侧

不用说，我需要一个在不知道div宽度的情况下工作的解决方案，尽管我知道图像宽度，但我不知道这有什么帮助

我可以看到这个问题的背景图像解决方案，但最好使用图像作为元素，这样我就可以应用视网膜图像。不必使用Javascript也很好

有什么想法吗，蜂巢思维

---

如果我提出部分解决方案，我将粘贴代码，但目前我不确定如何继续。

使用flexbox并调整对齐：

.box{
宽度：100px；
高度：100px；
利润率：20px；
显示：内联flex；
垂直对齐：顶部；
/*溢出：隐藏取消对此的注释以隐藏溢出*/
边框：1px实心；
调整项目：灵活启动；
}
img{
不透明度：0.4；
}

Flexbox可以做到这一点

div{
保证金：1em自动；
宽度：200px；
边框：5px纯红；
显示器：flex；
证明内容：柔性端；
溢出：隐藏；
/*我想看看溢流*/
}
img{
显示：块；
不透明度：.5/*以显示溢出*/
}

请提供一份详细的信息。请看您可以尝试的指南，

{direction:rtl；}

@user5542121这是我喜欢的解决方案，简单、幽默。它起作用了。