css el-row 如何让某几个el-col绝对定位始终位于最左侧,有横向滚动条的情况下仍然在最左侧

要让某几个 `el-col` 绝对定位始终位于最左侧，即使存在横向滚动条，你可以使用 CSS 的 `position: sticky` 属性来实现。以下是一个示例代码：

<div class="container">
  <div class="scrollable">
    <el-row>
      <el-col :span="6">Column 1</el-col>
      <el-col :span="6" class="sticky-left">Column 2</el-col>
      <el-col :span="6" class="sticky-left">Column 3</el-col>
      <el-col :span="6">Column 4</el-col>
    </el-row>
  </div>
</div>

.container {
  overflow-x: auto;
}

.scrollable {
  display: inline-block;
}

.sticky-left {
  position: sticky;
  left: 0;
  z-index: 1;
}

在这个示例中，我们创建了一个包含滚动条的容器，并将 `el-row` 放在一个内部的可滚动块中。通过设置容器的 `overflow-x: auto;` 属性，可以在需要时显示横向滚动条。

然后，我们给需要绝对定位的 `el-col` 添加了 `sticky-left` 类，并设置 `position: sticky; left: 0;` 来实现这些列始终位于最左侧。使用 `z-index: 1;` 可以确保它们在其他内容之前显示。

请注意，`position: sticky` 的兼容性可能会有所限制，特别是在某些移动设备上。确保在目标平台上进行兼容性测试。