CSS：修复容器体外部的图像
我必须在容器外部固定一个蓝色的“锁”图像，如下所示： 到目前为止，我已经实现了以下目标： 我将此图像设置为容器的背景图像，我编写的容器的CSS为：CSS：修复容器体外部的图像,css,sass,Css,Sass,我必须在容器外部固定一个蓝色的“锁”图像，如下所示： 到目前为止，我已经实现了以下目标： 我将此图像设置为容器的背景图像，我编写的容器的CSS为： .container{ margin: 0 auto; max-width: 620px; background-color: $white; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); object-fit: contain; margin-top: 30px; padding: 40px; min-
.container{
margin: 0 auto;
max-width: 620px;
background-color: $white;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
object-fit: contain;
margin-top: 30px;
padding: 40px;
min-height: 100px;
object-fit: contain;
overflow: hidden;
border-radius: 5px;
background-repeat: no-repeat;
background-image: url("../lock.svg");
}
<body>
<div class="container">
</div>
</body>
</html>
.container{
保证金：0自动；
最大宽度：620px；
背景色：$白色；
盒影：0 1px 3px 0 rgba（0,0,0,0.2）；
对象匹配：包含；
边缘顶部：30px；
填充：40px；
最小高度：100px；
对象匹配：包含；
溢出：隐藏；
边界半径：5px；
背景重复：无重复；
背景图像：url（“../lock.svg”）；
}
请建议如何实现这一点？我的方法正确吗？如果您想根据容器设置锁定按钮，则必须设置容器的相对位置和按钮的绝对位置 然后根据容器为按钮设置top和right属性
.container {
position: relative;
}
.button {
position: absolute;
top: some px;
right: some px;
}
在此处粘贴完整代码。
背景位置