Question

我有一个<img>，其来源大于屏幕。因此它与屏幕的右边框重叠，这使我的页面可以水平滚动。我希望在右侧屏幕边缘处剪切图像，因此我的站点不再大于屏幕。我该如何实现？

这是一直向右滚动时的屏幕截图：

Answer 1

您可以通过使用名为overflow的CSS属性来实现。每当一个元素与另一个元素重叠时，此设置即生效，默认值为overflow: visible，这意味着容器元素将在该元素外部呈现，因此子元素仍然可见。

假设您没有一个更合适的容器（因为这将适用于所有元素），则只需执行以下操作：

body {
  overflow: hidden
}

这将完全避免呈现父级外部的任何子级元素。