使两个html范围输入并排无间隙，并占用填充父div宽度

如何使范围输入并排-它们之间没有任何间隙，并占据AgrangeDiv的全部宽度

.AgeRange{
宽度：30%；
边缘底部：20px；
}
.pl2{
左侧填充：10px；
}
阿根努姆先生{
位置：相对位置；
顶部：20px；
右：23%；
}
阿格拉贝尔先生{
利润率：10px0；
颜色：#0b867a；
}
阿根格迪夫先生{
边框：1px实心$ee；
背景：$ff；
填充物：3px 5px 5px 12px；
边界半径：4px；
}

---

Age RangeMin39Max48

为了实现它，我对布局结构和css做了一些更改。请参阅下面的代码片段：

.AgeRange{
宽度：30%；
边缘底部：20px；
}
.pl2{
左侧填充：10px；
}
阿根努姆先生{
位置：相对位置；
显示：块；
文本对齐：居中；
}
阿格拉贝尔先生{
利润率：10px0；
颜色：#0b867a；
}
阿根格迪夫先生{
边框：1px实心$ee；
背景：$ff；
填充物：3px 5px 5px 12px；
边界半径：4px；
}
.货柜{
显示器：flex；
}
.范围容器.范围{
宽度：50%；
}
.ranges容器.range输入[type=“range”]{
宽度：100%；
}

年龄范围
分钟
39
马克斯
48

效果很好。非常感谢这是一个不同的问题，但既然你有代码-有可能在两个滑块之间着色吗？两个滑块之间的着色是什么意思？请看这个有图像的问题-我猜你将创建一个范围滑块，可以定义最小值和最大值。单一的HTML范围输入无法做到这一点。而不是使用两个输入元素，我建议您考虑一些jQuery插件，例如：