如何调整rc-slider样式使滑块手柄完全限制在轨道内部且互不重叠

• 你只需要做两处修改即可实现需求：
  1. 保留你现有的手柄偏移样式，不需要调整
  2. 在使用rc-slider组件的代码中，给组件添加pushable={24}属性，24为你设置的手柄宽度，可保证两个手柄最小间距等于手柄宽度，不会出现重叠问题
• 可选增强配置：额外添加allowCross={false}属性，可进一步禁止两个手柄交叉错位，效果更稳定

pushable是rc-slider范围选择模式的内置属性，用于定义两个滑块之间的最小像素间距，完全适配动态宽度的轨道场景，不需要额外做固定数值的适配计算。

组件使用示例：

import Slider from 'rc-slider';
import 'rc-slider/assets/index.css';

// 业务代码中使用
<Slider
  range
  min={0}
  max={100}
  defaultValue={[20, 60]}
  pushable={24} // 核心配置，值和你设置的手柄宽度保持一致
  allowCross={false} // 可选增强配置
/>

内容的提问来源于stack exchange，提问作者seven