Jquery 当选项卡多于容器时，如何使MaterializeCSS选项卡可滚动'；的宽度可以包含而无需滚动

下面给出一个示例代码（SSCCE）来演示我的问题。我的问题是，ECSS前端框架的文档说明：

可滚动选项卡选项卡自动变为可滚动

但是，当我实际尝试使用超过屏幕宽度（或父级）的选项卡（无需滚动）时，它不起作用。选项卡不可滚动

那么，这个问题的解决方案或解决方法是什么呢

这是他们在指南中展示的内容：

这就是我按照他们的指导在本地服务器上编写测试时得到的结果（屏幕上只显示4个选项卡，而总共有11个选项卡，并且它们不可滚动）：

$（'ul.tabs'）.tabs（）
.row{
背景色：小麦；
}
保险商实验室{
背景色：青色；
}
李{
背景颜色：粉红色；
}
html，正文{
溢出x：隐藏；
}














请查看此。。。。。经过3次更改后，它可以工作


$（文档）.ready（函数（）{
$（'ul.tabs'）.tabs（）；
});
.row{
背景色：小麦；
}
保险商实验室{
背景色：青色；
}
李{
背景颜色：粉红色；
}
html，正文{
溢出x：隐藏；
}














请查看此。。。。。经过3次更改后，它可以工作


$（文档）.ready（函数（）{
$（'ul.tabs'）.tabs（）；
});
.row{
背景色：小麦；
}
保险商实验室{
背景色：青色；
}
李{
背景颜色：粉红色；
}
html，正文{
溢出x：隐藏；
}














我最终解决了这个问题，将它添加到我的main style.css中

.tabs {
     display: flex !important
}

我最终解决了这个问题，将它添加到我的main style.css中

.tabs {
     display: flex !important
}