1. 首页
  2. 问题列表
  3. HTML不让垂直滚动条创建水平滚动条[重复]
提问者：小点点

HTML不让垂直滚动条创建水平滚动条[重复]


在我的HTML页面中，我有很多宽度：100VW的东西占据了整个页面。有一个垂直滚动条，它导致一个水平滚动条（因为垂直滚动条占用了20像素）。

这导致的更大问题是我的东西似乎偏离了中心。虽然只是轻微的，但一旦你注意到它（这需要大约3秒的凝视），它不会消失，而且是非常令人沮丧的。我贴了一张超级小浏览器窗口的截图。我还把代码贴出来了。

图像

null

<!DOCTYPE html>
<html>

<head>
  <style>
    body {
      margin: 0;
    }
    
    div {
      width: 100vw;
      height: 60vh;
      margin: 0 0 1vh 0;
      background-color: #CCC;
      text-align: center;
    }
  </style>
</head>

<body>
  <div>A div tag</div>
  <div>A div tag</div>
</body>

</html>

null

文字偏离了中心。我怎么解决这个？


共1个答案

匿名用户

将div更改为width：100%？

null

body {
    margin: 0;
}

div {
    width: 100%;
    height: 60vh;
    margin: 0 0 1vh 0;
    background-color: #CCC;
    text-align: center;
}
<div>A div tag</div>
<div>A div tag</div>

相关问题