实现CSS隐藏横向滚动条并可以滚动内容

您可以使用CSS中的overflow-x和overflow-y属性来实现此效果。具体步骤如下：

1. 隐藏横向滚动条：设置overflow-x属性为hidden

body {
  overflow-x: hidden;
}

2. 允许内容滚动：设置overflow-y属性为auto或scroll

body {
  overflow-x: hidden;
  overflow-y: auto;
}

其中，auto表示只在需要时才显示滚动条，而scroll则始终显示滚动条。

需要注意的是，如果您的内容区域的宽度超过了视口宽度，那么即使隐藏了横向滚动条，用户仍然可以通过鼠标滚轮或手指滑动来横向滚动内容。如果您希望完全禁止横向滚动，可以使用JavaScript来实现。