CSS 背景图像可以将其父 div 填充到左侧而不是右侧吗？答案

【问题标题】：CSS Can a background image fill its parent div to the left instead of right?CSS 背景图像可以将其父 div 填充到左侧而不是右侧吗？
【发布时间】：2014-10-27 05:03:30
【问题描述】：

据我所知，这是不可能的，但如果你们中的某个人为我提供解决方案，那将非常有用。因此，如果图像没有足够的空间来完全显示，则图像的右侧将被切掉。是否可以将其截断图像的左侧？我的最终目标是随着窗口大小的增加，图像填充在左侧而不是右侧。

【问题讨论】：

标签： html css dom web

【解决方案1】：

background-position 属性与 background-size 结合使用可能就是您要寻找的：

background-position: right center; background-size: contain;

更多信息可以在here找到。

【讨论】：

这会将图像的大小调整为更小的宽度和高度，我想保持高度并让之前隐藏在屏幕外或以其他方式隐藏的宽度的其余部分出现。

【解决方案2】：

http://jsfiddle.net/kkf8u8u7/

如果你不想使用背景图片，我认为这就是你所追求的

div {
  width:200px;
  height:300px;
  position:relative;
  overflow:hidden;
  display:block;
}
img {
  display:block;
  position:absolute;
}
#left {
  left:0px;
}
#right {
  right:0px;
}

【讨论】：

这并不完全符合我的要求。我试图让它保持相同的高度，并且随着窗口分辨率的变化，只有图像的左侧出现，右侧保持在原来的位置。感谢您的回复。