flexbox - 如何防止 flexbox 收缩？

Question

我有两个 flexbox，它们在高度变化时收缩，嵌套内容重叠。
如何防止这种情况？

Answer 1

just add flex-shrink:0 to your element and the flexbox will stop shrinking.

<div class="flx">
Some Content
</div>
<div class="flx">
Some Content
</div>
<style>
flx{
    display: flex;
    flex-shrink: 0;
}