Html 隐藏垂直滚动条，保持水平并仍能滚动

我试图以一种方式编写HTML/CSS，我有一个可以垂直和水平滚动的div，但只有水平滚动条可见。因此，垂直滚动使用鼠标滚轮完成，水平滚动使用底部的滚动条（以及其他常用控件，如键盘等）。通常建议使用-webkit scrollbar display none的解决方案在这里不适用，因为它只能隐藏两个滚动条，因此出现了新问题

因此，基本上，我需要这样的行为，除了水平滚动条应该仍然存在：

.content{
宽度：400px；
高度：200px；
}
.集装箱{
溢出-x：自动；
溢出y：自动；
高度：100px；
宽度：200px；
}
.container:：-webkit滚动条{
显示：无；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

您可以使用

-webkit滚动条

，但您需要使用

宽度

和

高度

，而不是

显示：无

div{
宽度：100px；
高度：100px；
字体大小：48px；
溢出：自动；
}
：-webkit滚动条{
高度：0px；
宽度：8px；
边框：1px实心#fff；
}
：-webkit滚动条轨迹{
边界半径：0；
背景：#eeeeee；
}
：-webkit滚动条拇指{
边界半径：0；
背景：#b0；
}

Lorem ipsum dolor sit amet。
按住Shift键并滚动以水平移动

寻求代码帮助的问题必须包含在问题本身中重现所需的最短代码，最好是在一个文本中。很抱歉，没有看到添加代码的必要性，因为问题非常简单（甚至在添加代码之前就得到了答案）。在提出问题之前，我添加了我的方法的最小示例，希望这就足够了。