Css剪切图像的右侧

Question

我有一个宽度为~ 200px和高度为145pxdiv的div,在div中我放置一个高度145px但宽度为的Image 210px,如何10px从图像的右侧切割以使图像适合于内容div？

Answer 1

使用overflow:hidden图像部分的div.The部分ouside股利将不可见

<div style="width:200px;height:145px;overflow:hidden;border: 1px solid green;">
  <img src="http://via.placeholder.com/210x145" style="width:210px; height:145px;border: 1px solid red;">
</div>