如何在不添加第二个垂直滚动条的情况下摆脱垂直空白和水平滚动条？答案

【问题标题】：How can I get rid of vertical white space and a horizontal scrollbar WITHOUT adding a second vertical scrollbar?如何在不添加第二个垂直滚动条的情况下摆脱垂直空白和水平滚动条？
【发布时间】：2019-12-09 11:08:51
【问题描述】：

我的网站右侧有一些烦人的空白区域和水平滚动条。我找到了一些摆脱空白和水平滚动条的 CSS 代码的帮助。但是，此代码创建了第二个垂直滚动条。所以我被困在其中一个或另一个上。如何摆脱这两个额外的滚动条？

这是消除第一个问题但产生第二个问题的代码。

html,
body{
width:100%;
overflow-x:hidden;
}

【问题讨论】：

要完全删除滚动条以查看特定元素检查this fiddle 或发布您的代码以找出实际问题所在。
感谢您的回复。不幸的是，我是一个完整的新手，我对您提供的链接一无所知。你能分享一行代码，在不添加第二个垂直滚动条的情况下摆脱水平滚动条吗？非常感谢。
我不能给你具体的答复，因为我不完全理解你的实现，也许你可以在帖子中添加指向你网站的链接或示例图片。
可能添加 padding:0。链接您的网站，我们将能够更具体...

标签： html

【解决方案1】：

您应该添加您网站的屏幕截图，以便我们更好地理解。

不要通过 body 和 HTML 溢出，而是尝试使用类名或 id。

选择正确的类名，这段代码肯定会工作：

overflow-x:hidden;
overflow-y:hidden;
margin-right:0;
padding-right:0;

如果你不能选择正确的班级

【讨论】：

【解决方案2】：

嗨 :) 您可以尝试添加边距：0 并删除溢出-x：隐藏你的 CSS 应该是这样的：

        html,
        body{
        width:100%;
        margin: 0;
        }

希望对你有帮助。

【讨论】：