flex布局左边固定，右边自适应，右边内容超出会影响布局

Posted 2021-03-26 jonie-wong

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了flex布局左边固定，右边自适应，右边内容超出会影响布局相关的知识，希望对你有一定的参考价值。

左侧宽度固定，右侧自适应

1 .left-div{
2     width: 200px;
3 }
4 .right-div{
5     flex: 1;
6 }

右边内容超出的话，就会导致左边固定的宽度大小不起重要了，这时只需要加上min-width: 0;就可以了

.right-div{
    flex: 1;
    min-width: 0;
}

至于为什么，愣是看不懂。。。。

以上是关于flex布局左边固定，右边自适应，右边内容超出会影响布局的主要内容，如果未能解决你的问题，请参考以下文章