如何摆脱页面的水平滚动

Question

我正在着陆，并将这组规则应用于 body 和 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;

在身体{