图像右侧的额外 space,容器中有溢出滚动条

Extra space to right of image with overflow scroll in a container

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

那里没有任何隐藏的东西,也没有任何填充物; none 的士兵悬停状态已经超过了。但是将容器大小从自动更改为 4100 像素(这是图片的大小)会导致滚动溢出。

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

谢谢

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

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

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

对我来说问题是 bootstrap 排水沟 .g-* class.

https://getbootstrap.com/docs/5.0/layout/grid/#how-it-works

当我删除 class 时,它删除了多余的空白 space。