背景图片定位技术问题：水平居中且底部固定于y=350px

你之前用calc(100% - 350px)没成功，核心问题是这个计算是基于容器顶部来偏移图片顶部，但你要的是让图片底部固定在350px处，得换个思路——让图片的底部和容器内y=350px的位置对齐。

直接用CSS的background-position属性就能实现，不需要依赖容器高度计算，代码如下：

.element {
  background-image: url('你的图片路径');
  background-repeat: no-repeat;
  background-position: center calc(350px - 100%);
}

原理说明： #

• center 确保背景图水平居中，满足你的第一个需求。
• 垂直方向的calc(350px - 100%)：这里的100%代表背景图片自身的高度，这个计算式会把图片的顶部定位在「容器顶部往下350px处，再向上偏移整个图片的高度」。这样一来，图片的底部就会刚好对齐到容器内y=350px的位置，完美匹配你的要求。

如果需要确保背景图不会被容器裁剪，记得给容器设置足够的padding-top或者min-height，避免图片顶部超出容器可视区域。

内容的提问来源于stack exchange，提问作者Jeppe Donslund