如何摆脱页面的水平滚动

Question

我正在登陆，我已经将这套规则应用于body和html元素：

refresh();

此外，所有内容都是视口：

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

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

在下面的图片中，您可以看到页面的主要块，它们都具有100％的宽度

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

如何摆脱滚动条并使所有块都与当前视口的大小相同？

Answer 1

试试

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

身体{

Answer 2

你不应该有水平滚动条。如果您有水平滚动条 - 其中一个元素溢出主页面。试着找出导致问题的原因。 如果您使用溢出 - 您不能解决问题，但要覆盖它。 缩放页面时会出现问题 - 内容不会居中。

Answer 3

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