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

本文转载自查看原文 2019-10-14 14:11 2371 css

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

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

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

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

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

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 css 关于两栏布局，左边固定，右边自适应 div css左边固定右边自适应布局 flex 左边固定宽度，右边自适应 CSS实现三栏布局（左边固定、右边固定、中间自适应）的五种方式实现左边div固定宽度，右边div自适应撑满剩下的宽度的布局方式： CSS: 实现两栏布局，左边固定，右边自适应的4种方法两列布局，左边固定，右边自适应的三种方法左边定宽，右边自适应布局的几种方法左边定宽，右边自适应两列布局 CSS 布局实例系列（二）如何通过 CSS 实现一个左边固定宽度、右边自适应的两列布局