水平滚动一个绝对定位的元素？

<div class="scroll-container">
  <div class="scroll-content">
    <!-- 要滚动的元素 -->
  </div>
</div>

.scroll-container {
  position: relative; /* 确保父容器具有相对定位 */
  overflow: hidden; /* 隐藏超出容器宽度的内容 */
}

.scroll-content {
  position: absolute; /* 子容器绝对定位 */
  white-space: nowrap; /* 确保元素在一行显示 */
  width: 100%; /* 设置足够宽度以容纳所有要滚动的元素 */
  animation: scroll 10s linear infinite; /* 使用CSS动画实现滚动效果 */
}

@keyframes scroll {
  0% {
    left: 0; /* 初始位置 */
  }
  100% {
    left: -100%; /* 滚动到最右侧 */
  }
}