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

Question

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

没有什么隐藏在那里，也没有任何填充;战士们的悬停状态都没有发生。但将容器大小从auto更改为4100px（这是多大的图片）会导致滚动溢出。

我确定修正是CSS的一行，但我真的不能弄明白。任何帮助将不胜感激！

感谢

Answer 1

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

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

您会看到这些工具提示的位置正在添加到空间（特别是包含工具提示的div）。要修复此问题，请尝试在.rollover类中将position: relative替换为position: absolute。这应该让他们保持原位，并消除额外的空间。