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

至於為什么,愣是看不懂。。。。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM