html - 容器中溢出滚动的图像右侧的额外空间

Question

This is the site我正在尝试。如果你一直滚动到主营图像的右侧，有 300 像素的空白，我似乎无法摆脱。

那里没有任何隐藏的东西，也没有任何填充；士兵的悬停状态都没有那么远。但是将容器大小从自动更改为 4100 像素(这是图片的大小)会导致滚动溢出。

我确定修复是一行 CSS，但我似乎真的无法弄明白。任何帮助将不胜感激!

谢谢

Answer 1

看起来问题出在工具提示和 .rollover 类上。要排除故障并查看空格的来源，请打开您的开发人员面板并添加新规则，然后滚动到空白处。

* {
  border: 1px solid red !important;
}

您会看到这些工具提示的位置正在增加空间(特别是包含工具提示的 div)。要修复它，请尝试将 .rollover 类上的 position: relative 替换为 position: absolute。这应该使它们保持原位并移除多余的空间。