Html 固定宽度div旁边的div和Swiper会导致奇怪的行为

我真的找不到更好的题目来解决我的问题，但我希望我能在这里更好地解释它

所以我想要的是一个div（240px）旁边的一个div，它包含一个需要填充剩余宽度的滑动条

问题是Swiper的包装器有4800px或其他东西（我猜这是所有幻灯片的总宽度），当在filling div上使用Flexbox with

flex:1

时，它不会停止在容器的宽度，而是继续并离开窗口，因此滑块无法正常工作

---

这里有一个jsFiddle来查看这个问题：

我已经移除了包装容器-

#主页滑块

。现在看来效果不错：