页面布局中出现奇怪的空白区域。是什么导致的？

Question

在网站http://www.northkingdom.com/上，当浏览器窗口小于568像素（或移动设备）时，点击右上角的菜单按钮，会出现一个狭窄的垂直列表右侧的空格：

是什么造就了这个空白区域？

我找不到任何CSS规则或页面元素，使菜单不会位于屏幕的右边缘。

非常感谢任何帮助！

Answer 1

问题在于overflow-y:scroll：header.mobile-menu #nav。

该空格实际上是一个滚动条。您可以将其替换为auto而不是滚动

Answer 2

这是一个滚动条，而不是一个空白区域。将此添加到ul的css中，您将不再遇到问题

overflow: hidden;