css pc端去掉滚动条

在PC端网页设计中，有时候需要隐藏网页右侧的滚动条，让页面更美观。下面介绍一种CSS方法来实现。

body {
  overflow: hidden;
}

以上CSS代码将body元素的overflow属性设置为hidden，即隐藏滚动条。可以将以上代码添加到CSS样式表中，或者直接在HTML头部的style标签中添加。

在实际项目中，如果页面中存在滚动元素，例如一个固定高度的div容器，需要保留其内部的滚动条。此时需要将应用以上CSS代码的元素设置为该滚动容器，而非body元素。

.scroll {
  height: 100px;
  overflow: auto;
}

.scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

以上代码演示了如何通过指定元素为滚动容器，并且同时隐藏滚动条。注意，以上代码使用了Webkit浏览器私有属性来隐藏滚动条，需要在其他浏览器中寻找其他解决方案。

总之，上述两种方法都可以实现在PC端隐藏滚动条，让页面更美观。同时也需要注意，滚动条的出现和隐藏会对用户操作和交互产生影响，需要根据实际情况进行判断使用。