Css 使用对象位置将图像移动到某些像素

我试图将图像“移动”到

div

中，该div通过

对象匹配：cover进行调整和
对象位置：中心

我的问题是：我是否可以将中心定位的图像向右移动几个像素，而不从css中删除
对象-*


.myDiv{
宽度：150px；
高度：150像素；
利润率：0.15px；
}
.myDiv.img之前{
宽度：100%；
身高：100%；
}
.myDiv.img之后{
宽度：100%；
身高：100%；
对象匹配：覆盖；
对象位置：中心；
}
将军{
显示器：flex；
}

用它来做


.myDiv{
宽度：150px；
高度：150像素；
利润率：0.15px；
/*将图像向左或向右移动*/
左侧填充：10px；
/*右边填充：10px*/
框大小：边框框；
背景：蓝色；
}
.myDiv.img之前{
宽度：100%；
身高：100%；
}
.myDiv.img之后{
宽度：100%；
身高：100%；
对象匹配：覆盖；
对象位置：中心；
}
将军{
显示器：flex；
}
您可以通过在
相对位置上设置
左
或
右
css属性来移动图像，如下所示
现在您的图像尺寸没有改变。。。请看一看


.myDiv{
宽度：150px；
高度：150像素；
利润率：0.15px；
}
.myDiv.之前{
位置：相对位置；
左：20px；
}
.myDiv.img之前{
宽度：100%；
身高：100%；
对象匹配：覆盖；
对象位置：中心；
}
.myDiv.img之后{
宽度：100%；
身高：100%；
对象匹配：覆盖；
对象位置：中心；
}
将军{
显示器：flex；
}
您可以将
img
移动到
div
中，如下所示：

.myDiv img{位置：相对；左：10px；//或顶部、底部、右侧}


.myDiv{
宽度：150px；
高度：150像素；
利润率：0.15px；
/*只是为了演示*/
背景颜色：绿色；
}
.myDiv.img之前{
宽度：100%；
身高：100%；
}
.myDiv.img之后{
宽度：100%；
身高：100%；
对象匹配：覆盖；
对象位置：中心；
}
将军{
显示器：flex；
}
.myDiv img{
位置：相对位置；
左：10px；
}
是，只需调整
对象位置
值即可。该属性的工作方式与背景位置的工作方式相同

“对象位置”特性确定替换图元在其框内的对齐方式。
值类型（也用于背景位置）在[CSS-VALUES-3]中定义，并使用具体对象大小作为对象区域和内容框作为定位区域进行解析

相关问题：


.myDiv{
宽度：150px；
高度：150像素；
利润率：0.15px；
}
.myDiv.img之前{
宽度：100%；
身高：100%；
}
.myDiv.img之后{
宽度：100%；
身高：100%；
对象匹配：覆盖；
对象位置：中心；
}
.myDiv.after.moved img{
对象位置：计算（50%+10px）50%；/*修复程序在这里*/
}
将军{
显示器：flex；
}

这样可以，但我的客户希望保留
div
（以及图像）维度，在本例中为150x150。如果我应用填充，它会变成160x150，不是吗？您可以通过添加到父div
框大小：边框框
来解决这个问题。我改变了上面的答案。^谢谢你的回答！如果您检查第一个
div
，您可以看到第一个图像位于“div”之外。你的答案可能有用，只要我们能解决第一个图像问题，这就是我要找的！谢谢！