HTML UI输入滑块被推出位置

Question

大家好，在上面的图片中有一个UI的截图，我正在为一个大学任务的目的而工作，其中涉及使用JQuery操纵DOM。

目前我有逻辑工作，我现在正在尝试整理我的代码并增强UI。我不确定这是否是提出这个问题的正确位置，严格来说我不认为这是一个编程问题，但我认为我会抓住机会！

由于某种原因，上图中的滑块被推出位置，我不明白为什么。有谁知道这可能导致什么？

样式表很大，所以我不想包含它，除非你需要看到某个部分。

非常感谢任何帮助。

在图像中，圆圈显示滑块离开UI。箭头指向它应该位于的位置。带下划线的滑块也是它应该出现的方式。