我正在学习css flexbox，我有一个javascript滑块的问题。我已经测试了几个(lightgallery.js、swiper.js、siema.js(，但每次它似乎都会破坏我的flexbox容器。
我有一个主要元素和一个次要元素。在移动设备上，我希望主要元素和次要元素可以是一个在另一个下面。它似乎运行良好。但在桌面上，我希望主元素适合最大1000px的2/3，而副元素适合1/3，并排放置。
不幸的是，滑块似乎把我的.wrap容器弄坏了。我测试了很多东西，并寻找像我这样的问题，但没有结果。我真的不明白什么能解决我的问题。我必须承认我有点迷路了。
你可以在这支笔上看到这个问题(lightgallery.js(：https://codepen.io/studiok7/pen/pxGWMJ
<span>Thanks ;-)</span>
默认情况下，flex项(flex布局的子项(的最小宽度设置为auto，这样父项将显示所有元素，而不会剪裁/溢出。尝试添加：
.main {
...
min-width: 0;
}
到.main元素，如下面的分叉示例所示：https://codepen.io/anon/pen/vVPLOo