如何防止柔性盒收缩？

Question

我有两个flexbox，它们在高度变化时缩小，嵌套内容重叠。怎么预防这个？

Answer 1

只需将flex-shrink:0添加到您的元素中，Flexbox就会停止缩小。

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