给body加100vh,100vm出现滚动条的解决方法

100vh和100vm单位分别代表了视口高度（Viewport Height）和视口宽度（Viewport Width）的100个单位。如果给body元素设置了这些值，并且出现了滚动条，那么可能的原因是body的内容超过了视口的高度或宽度。

解决方法：

1. 确保内容不会超过视口的尺寸。如果内容超出了视口大小，那么浏览器会自动添加滚动条。
2. 如果确实需要设置body的高度为视口高度，并且希望内容不会超出，可以设置body的margin和padding为0，移除默认的边距和填充，并确保没有其他全局样式影响body的高度计算。

body {
  margin: 0;
  padding: 0;
  height: 100vh; /* 设置body高度为视口高度 */
  overflow: hidden; /* 如果不希望出现滚动条，可以设置为hidden */
}

3. 如果你的目的是让body的高度至少为视口的100%，但允许超过，可以使用min-height属性：

body {
  margin: 0;
  padding: 0;
  min-height: 100vh; /* 设置body最小高度为视口高度 */
}

4. 如果你的内容确实需要滚动，并且希望隐藏某个特定元素的滚动条（例如，一个内容可能超长的div），可以为该元素设置overflow: hidden;：

.content {
  height: 200vh; /* 假设内容区域超过视口高度 */
  overflow: auto; /* 添加滚动条 */
}
 
.no-scroll {
  overflow: hidden; /* 隐藏滚动条 */
}

确保在实际的布局中测试这些解决方案，以确保它们不会影响到你的网页内容显示。