码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-10-14 14:57:40      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:idt   min   code   color   自适应   重要   style   lex   导致   

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

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布局左边固定,右边自适应,右边内容超出会影响布局

标签:idt   min   code   color   自适应   重要   style   lex   导致   

原文地址:https://www.cnblogs.com/jonie-wong/p/11671210.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!