Html Firefox中的水平多选

我正在尝试构建一个适用于所有现代浏览器的多重选择。 问题在于，它在Firefox中的工作方式与预期不同。 在Chrome浏览器中，溢出框会进入一个新行，但在Firefox中，溢出框保持隐藏状态

我知道它在Chrome中工作，所以如果你使用Chrome，那么你将在Firefox中看到我想要的结果

有人知道解决办法吗

*{
框大小：边框框；
}
#资料{
溢出：隐藏；
填充：0；
宽度：100vw；
}
挑选{
填充：0；
左侧填充：1px；
边界：无；
背景色：#eee；
宽度：100%；
空白：正常；
高度：200px；
}
选择权{
高度：100px；
宽度：100px；
边框：1px实心#000；
背景色：白色；
左边距：-1px；
显示：内联块；
}

简
2月
破坏
四月
少校
六月
7月
八月
九月
奥克特
十一月
12月

我在谷歌做了一些研究，但似乎没有任何解决方案。

---

这就是Firefox的工作原理。

你到底想要什么？你能说得更具体些吗？什么不起作用？我编辑了这个问题。我错过了一个部分，当时我被迫把课文改长以便被接受。