如何防止弹性盒收缩？

Question

我有两个弹性盒，它们会随着高度变化而收缩，并且嵌套内容会重叠。如何防止这种情况发生？

Answer 1

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

<div class="flx">
    Some Content
</div>

<div class="flx">
    Some Content
</div>

<style>
    .flx{
        display: flex;
        flex-shrink: 0;
    }
</style>