Css 滚动条显示在Chrome中，但没有可滚动的内容

我再次发布此消息，因为我无法登录到我的旧帐户。我正在使用一个小的投资组合网页模板。问题是，当使用Chrome打开网站时，主页上总是会出现一个滚动条，如下所示：

i、 stack.imgur.com/rCB3m.jpg

这在Firefox、Edge和IE中是不会发生的。这是一个指向模板演示的链接，是对CSS的一种摆弄。使用Chrome时，两者都会显示不必要的滚动条。我试过以下几件事：

将此行添加到html文件中，但没有帮助：

.content {
overflow: hidden;
}

添加这一行，但它不仅在主页上而且在所有子页面上隐藏滚动条

body{
    overflow-y: hidden;
}

为了找出问题的原因，我还删除了部分CSS代码。当我删除脚本的这一部分时，滚动条消失，但我无法找到解决问题的方法：

#wrapper {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        position: relative;
        min-height: 100vh;
        width: 100%;
        padding: 4rem 2rem;
        z-index: 3;
    }

        #wrapper:before {
            content: '';
            display: block;
        }

我希望你们能帮我

最好的，

---

Jay

您正在将最小高度设置为100视口高度，这是您正在查看的屏幕的高度，并向其添加填充。尝试改为98vh

删除

#包装器：在{
内容：''；
显示：块
}

。。。从

CSS

修复滚动条问题

要保持内容垂直居中，请将

#wrapper

的

内容对齐

从

之间的空格改为
居中
：

#包装器{
/* ... */
-webkit内容：中心；
-moz-justify-content:center；
-ms内容：中心；
证明内容：中心；
/* ... */
}

更新。
@JayDan在对现有问题或答案的评论中提出新问题既不礼貌，也无效。发布一个新问题要好得多，因为它很可能也会帮助未来的访问者解决类似的问题。这就是工作原理。另外，顺便说一句，如果你不能登录到你的旧帐户，有很多方法可以恢复它。创建一个新的并不是最好的方式。