在不知道模块高度的情况下让模块里的内容可以左右滚动 overflow-x: scroll;，并且隐藏滚动条

在CSS中，可以使用 `overflow-x: scroll;` 属性来使得模块内的内容在X轴（水平方向）上可以滚动，这样即便模块的宽度不足以显示全部内容，用户也可以通过滚动条来查看隐藏的部分。为了在视觉上隐藏滚动条，可以使用特定的浏览器特定前缀，或者使用一些兼容性较好的技术方案。以下是几种方法来隐藏滚动条：

1. 对于Webkit内核的浏览器（如Chrome和Safari），可以使用以下代码来隐藏水平滚动条：

.module {
  overflow-x: scroll;
}
.module::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

2. 对于Firefox浏览器，可以使用：

.module {
  overflow-x: scroll;
}
.module {
  scrollbar-width: none; /* Firefox 64 以上版本 */
}

或者使用 `-moz-` 前缀：

.module {
  scrollbar-width: none;
  -moz-appearance: none; /* 移除默认的滚动条样式 */
}

3. 通用方法是使用一些额外的CSS来模拟没有滚动条的外观。例如，可以设置一个与滚动条宽度相等的右侧内边距：

.module {
  overflow-x: scroll;
  padding-right: 17px; /* 根据实际滚动条宽度调整 */
}

需要注意的是，这种方法可能会在某些情况下（例如内容非常少时）产生不必要的空间，因此需要根据实际情况调整。