图像右侧的额外 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.
当我删除 class 时,它删除了多余的空白 space。
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.
当我删除 class 时,它删除了多余的空白 space。