Css 当一个容器的内容溢出时，Flexbox不会增长

如何使容器的顶部根据其其中一个盒子中的内容量增长？这是我的

一
标签
标签
标签
标签
标签
标签
标签
标签
标签
标签
三
顶部
底部

只需删除

flex:1.row

，为了做到这一点，您可以为行使用不同的类名，或者通过向第一行添加一个附加类来覆盖

flex

属性。或者只需使用

.container>：第一个孩子{flex:auto；}

。太棒了！谢谢您。

    <div class="container">
    <div class="row">
        <div class="box">one</div>
        <div class="box center">
            <form>
                <div class="form-group"><label>label</lable><input type="textbox" /></div>
                <div class="form-group"><label>label</lable><input type="textbox" /></div>
                <div class="form-group"><label>label</lable><input type="textbox" /></div>
                <div class="form-group"><label>label</lable><input type="textbox" /></div>
                <div class="form-group"><label>label</lable><input type="textbox" /></div>
                <div class="form-group"><label>label</lable><input type="textbox" /></div>
                <div class="form-group"><label>label</lable><input type="textbox" /></div>
                <div class="form-group"><label>label</lable><input type="textbox" /></div>
                <div class="form-group"><label>label</lable><input type="textbox" /></div>
                <div class="form-group"><label>label</lable><input type="textbox" /></div>
            </form>
        </div>
        <div class="box">three</div>
    </div>
    <div class="bottom-column">
        <div class="row">top</div>
        <div class="row">bottom</div>
    </div>
</div>