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

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

猜你喜欢

转载自www.cnblogs.com/jonie-wong/p/11671210.html
今日推荐