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

Question

我真的找不到更好的标题来解决我的问题，但我希望我能在这里更好地解释一下。

所以我想要的是一个 div (240px) 旁边的 div 包含一个需要填充剩余宽度的 Swiper 滑块。

问题是 Swiper 的包装器有 4800px 之类的东西（我猜这是所有幻灯片的总宽度），当在填充 div 上使用带有flex: 1 的 Flexbox 时，它不会停在容器的宽度上，而是继续并走出窗口，因此滑块无法正常工作。

这是一个 jsFiddle 来查看问题：https://jsfiddle.net/kgcggf3u/4/

Answer 1

我已经移除了包装容器 - #homepage-slider。现在似乎工作正常：https://jsfiddle.net/kgcggf3u/27/