如何防止柔性盒收缩？

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;
}