使用css，使横向滚动条固定显示最后的内容

要在CSS中实现使横向滚动条始终固定显示在内容的最后，你可以使用`scrollbar-grip-color`、`scrollbar-width` 和 `overflow-x` 属性。下面是一个简单的示例：

/* 首先，隐藏默认的滚动条 */
::-webkit-scrollbar {
  width: 0; /* 对于Webkit浏览器，如Chrome和Safari */
  visibility: hidden; /* 或者设置成hidden，如果支持 */
}

/* 然后创建自定义的滚动条样式，这里是一个基本的圆点风格 */
.scroll-custom-track {
  scrollbar-width: thin; /* 设置滚动条宽度 */
  -ms-scroll-bar-style: groove; /* IE/Edge兼容 */
  overflow-x: auto; /* 开启水平滚动 */
  scrollbar-color: rgba(0, 0, 0 50%) transparent; /* 滚动条颜色和轨道背景色 */
  &::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 50%); /* 滚动条滑块的颜色 */
    border-radius: 4px;
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 75%); /* 鼠标悬停时的颜色 */
  }

  /* 当内容超过容器宽度时，滚动条出现在最右边 */
  &[data-end="true"] {
    overflow-x: visible;
    scrollbar-position: right; /* 只有需要显示在最后时才显示滚动条 */
  }
}

在这个例子中，我们首先隐藏了默认滚动条，然后创建了一个自定义的滚动条，当内容溢出并且设置了`data-end="true"`的类名时，滚动条会在内容的最后固定显示。