如何强制水平空间响应

我正在尝试使我的网站具有响应性，在移动版本上，右侧有一个水平空间，我想强迫其消失。（PS：我的div上没有宽度或高度）

隐藏水平空间的最简单方法是将其添加到您的body中。

body {
    overflow-x: hidden;
}

这是一个简单的例子：

body {
  overflow-x: hidden;
}

div {
  width: 120vw;
  height: 10px;
  background-color: #f00;
}

<!DOCTYPE html>
<html>
  <body>
    <div></div>
  </body>
</html>

您会看到所有溢出父容器的内容（在这种情况下，body都将被隐藏。）

相关问答