IE11有一个奇怪的边界问题 - 溢出和平滑滚动可能是相关的

每当您使用IE11打开它时，网站右侧会出现奇怪的白边。它贯穿整个网站，从底部到顶部。你不能用开发工具对其进行定位，也没有任何边框添加到它：

* { 
border: solid red 1px; 
}

白距使网站具有底部附加水平滚动条。

向html和body添加overflow-x：hidden可解决该问题，但随后出现垂直滚动问题（我认为它可能与平滑滚动连接）。当添加overflow-x：hidden时，在IE上，网站无法用鼠标滚轮滚动，而在Chrome上，所有内部链接都停止工作。

我一直在试图寻找一个相当而对于任何解决方案...

有谁知道什么可能是陌生的利润率的原因，以及如何摆脱它不使用溢出-X ：隐藏？

在此先感谢您的时间！

2017-02-08 Plenarto

你的问题在于#projects .main-container。如果您将overflow: hidden添加到此div问题消失。其中一个项目的可能保证金溢出。

2017-02-08 21:48:40

问题是“项目”部分中的元素。特别是类别project-container。整个风格没有正确实施。

试试这个：

.project-container { 
    display: inline-block; 
    width: 33%; 
    padding: 20px; 
    box-sizing: border-box; 
}

如果你想要的阴影刚刚回来的样式的img的div内，而不是为div本身。此外，您可能需要调整媒体查询的宽度。

每当为具有固定宽度的元素添加填充，边距，边框或阴影时，它会增加容器外部的大小，但可以通过添加显示器inline-block和box-sizing: border-box属性来绕过此操作。

2017-02-08 23:45:19

回答