ul{ display: flex; max-width: 1600px; margin: 0 auto; line-height: 40px; padding: 0 20px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; li{ .icon-jt-right{ color: #aeaeae; margin: 0 10px; } a{ color: #9e9e9e; } } } .list::-webkit-scrollbar { display: none; /* Chrome, Safari, and Opera */ }要可以滚动,但是不要出现滚动条

如果你想让列表可以滚动，但不要出现滚动条，可以使用以下 CSS 样式：

ul {
  display: flex;
  max-width: 1600px;
  margin: 0 auto;
  line-height: 40px;
  padding: 0 20px;
  overflow-x: scroll;
}

ul::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Opera */
}

ul li {
  .icon-jt-right {
    color: #aeaeae;
    margin: 0 10px;
  }
  
  a {
    color: #9e9e9e;
  }
}

这样设置后，当列表超出容器的宽度时，就会自动出现横向滚动条，但不会显示出来。同时，我们也将纵向滚动条隐藏掉了。