如何摆脱页面的水平滚动

Question

我正在着陆，我已经为正文和 html 元素应用了这组规则：

html {
   margin: 0px;
   height: 100%;
   width: 100%;
}

body {
   margin: 0px;
   min-height: 100%;
   width: 100%;
}

此外，所有内容均已视口：

 <meta name="viewport" content="width=device-width, initial-scale=1">

在下面的图片上，您可以看到页面的主要块，它们的宽度都是 100%

但是，我提到的任何内容都没有真正帮助和页面块，尽管它们都具有 100% 的宽度，具有不同的大小，并且还有一个水平滚动条。

我应该怎么做才能摆脱滚动条并使所有块都与当前视口大小相同？

Answer 1

试着放

overflow-x: hidden;
overflow-y: scroll;

在 body {

Answer 2

从正文中删除 width: 100%; 和 html。

Answer 3

你不应该有水平滚动条。如果您有水平滚动条 - 其中一个元素会溢出主页。尝试找出问题所在。如果您使用溢出 - 您不会纠正问题，但会掩盖它。当你缩放页面时它会爆炸 - 内容不会居中。

How to get rid of horizontal scroll of a page