两列布局和三列布局中，flex-grow:1是否可以改成flex:1

来源：4-14 两列与三列布局

weixin_慕设计4129719

2022-02-26

<style>
    body {
        margin: 0;
        padding: 0;
    }
    .container {
        width: 100%;
        height: 100vh;
        display:flex;
    }

    .row:nth-child(1){
        width: 200px;
        height: 100%;
        background-color: orange;
    }

    .row:nth-child(2){
        flex:1;   /***这里设置成flex:1,和flex-grow:1的效果是一样的么***/
        background:skyblue;
    }
    
    .row:nth-child(3){
        width: 100px;
        background: yellowgreen;
    }
</style>
<body>
    <div class="container">
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
    </div>
</body>

写回答

1回答