我將背景圖像應用到一個div:

div {
  background: white url("https://placekitten.com/1000/1000") no-repeat left top / 100% auto;
}

<div>
  <p>Some text ...<p>
</div>

你可以用& quotcalc(100%+100像素)& quot并通過將其向左移動-50px來裁剪圖像。

div {
  min-height: 200px;
  min-width: 200px;
  background: white url("https://placekitten.com/1000/1000") no-repeat -50px top / calc(100% + 100px) auto;
}

<div>
  <p>Some text ...<p>
</div>