并列的两个盒子，一个有固定宽度，让另一个占满剩余宽度(grid、calc、外边距、flex)，，， flex 布局怎么让短内容撑满剩余宽度

嘿，小苹果

于 2024-05-10 11:42:39 发布

阅读量227

点赞数 1

CC 4.0 BY-SA版权

文章标签： css 前端 css3

本文链接：https://blog.csdn.net/AAAXiaoApple/article/details/138658949

* {
    margin: 0;
    padding: 0;
}
 
.d {
    display: flex;
    width: 100%;
    height: 200px;
}
 
.box1 {
    width: 200px;
    height: 100%;
    background-color: rgb(88, 121, 80);
}
 
.box2 {
    /* flex: 1; */
    flex-grow: 1; /*  重点 */
    height: 100%;
    background-color: rgb(173, 119, 119)
}