HTML+;CSS |更改`内的背景位置<;分区>;`-我怎样才能做到这一点?

HTML+;CSS |更改`内的背景位置<;分区>;`-我怎样才能做到这一点?,css,image,background,containers,background-image,Css,Image,Background,Containers,Background Image,我有一个容器,我希望它有高度:90vh,宽度:100vw 我想调整它的位置,如果需要其他东西,它们也可以从左边的图片到右边的图片,在我的容器内: 有没有可能用像素或其他东西来调整位置,这样我就可以在我的容器中“移动”我的图片,但它仍然不会在容器中留下空白,所以它会完全覆盖它 提前感谢。:) 听起来你在寻找一种方法,即使容器大小发生变化,也能让图像始终充满容器 如果尚未创建,请在容器内创建另一个div,并将其背景图像设置为图像url(并删除img)。然后设置背景尺寸:封面。现在您可以将容器div

我有一个
容器,我希望它有
高度:90vh,宽度:100vw

我想调整它的位置,如果需要其他东西,它们也可以从左边的图片到右边的图片,在我的容器内:

有没有可能用像素或其他东西来调整位置,这样我就可以在我的容器中“移动”我的图片,但它仍然不会在容器中留下空白,所以它会完全覆盖它


提前感谢。:)

听起来你在寻找一种方法,即使容器大小发生变化,也能让图像始终充满容器

如果尚未创建,请在容器内创建另一个
div
,并将其
背景图像设置为图像url(并删除
img
)。然后设置
背景尺寸:封面div
上的code>。现在您可以将容器
div
设置为
display:flex和新的
div
将如何响应周围的其他内容

例如

HTML:
CSS:
.container{display:flex;}
.image{背景大小:封面;}

注意:您的图像建议您设置
背景位置:中间
.image

你问什么有点不清楚。你提到你想在图像的右边得到结果,然后说“不会在容器中留下空白”,这是在右边。你说的封面是指填充吗?请澄清(在你的帖子中,而不是评论),谢谢。请提供你的代码,以及到目前为止你尝试了什么
HTML:
<div class="container">
    <div class="image" style="background-image:url(<img_url_here>);"></div>
    <div class="other_varying_height_content"></div>
</div>

CSS:
.container { display: flex; }
.image { background-size: cover; }