html - IE11 上的奇怪边距问题 - 溢出和平滑滚动可能相关

Question

我的网站有一个小问题 plenarto.github.io这让我烦恼了好几天。

当您使用 IE11 打开网站时，网站右侧会出现奇怪的白边。它贯穿整个网站，从底部到顶部。您不能使用开发人员工具定位它，也不能为其添加任何边框:

* {
border: solid red 1px;
}

白边会导致网站在底部有额外的水平滚动条。

在 html 和 body 中添加 overflow-x: hidden 解决了这个问题，但随后出现了垂直滚动的问题(我想它可能与平滑滚动有关)。添加 overflow-x: hidden 后，在 IE 上根本无法用鼠标滚轮滚动网站，在 Chrome 上所有内部链接都停止工作。

很长一段时间以来，我一直在努力寻找任何解决方案...

有谁知道那个奇怪的边缘可能是什么原因以及如何在不使用 overflow-x: hidden 的情况下摆脱它？

提前感谢您的宝贵时间!

Answer 1

您的问题出在 #projects .main-container 的某处。如果您将 overflow: hidden 添加到此 div 问题就会消失。可能是其中一个元素的边距溢出了。