如何通过视口剪切右侧块布局

Question

我有一个隐藏垂直滚动条的任务，并从右侧块切割图片，直到图片有一半大小。之后显示滚动条

Answer 1

我可能会这样做......

我不是将图像放在自己的元素中，而是将图像作为带有文本的容器的背景。从左边缘放置足够的背景图像，使文本不与其重叠。让文本容器一直延伸到屏幕的右边缘。如果屏幕空间不足，图像将自动从右边缘裁剪。

<div style="background-image:url(laptop-img.png); background-position: left:400px">
  ... text and form ...
</div>