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

Question

我真的无法为我的问题找到更好的标题，但我希望我能在这里更好地解释它。

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

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

以下是查看问题的jsFiddle：https://jsfiddle.net/kgcggf3u/4/

Answer 1

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