Css 如何使flex项目向双向增长

当我验证表单时，我想将一个项目（.sub container）同时增长到顶部和底部，但当出现错误消息时，它只会增长到底部，我整天都在这里，我已经更改了代码中的所有内容，但它没有同时增长，它只是增长到底部，“.container”是所有内容所在的地方，请有人知道怎么做吗

    .container{
        width: 80%;
        padding: 70px 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .sub-container{
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            width: 50%;
    }

灵活的箱体布局模块，使设计更加灵活 不使用浮动或定位的响应式布局结构

来源@

你想做的事与flexbox无关

---

您所谓的“增长”只是默认的css行为。实现所需的唯一方法（在提交表单时同时放大高度和宽度）是使用javascript实现的。

您好，欢迎使用SO。请更新您的问题，并提供一份MRE（stackoverflow.com/help/minimal repeatable example）和相关代码部分。i、 e HTML代码。谢谢你，我不知道你说的“成长到顶峰”是什么意思。它不能超过页面上的值。错误消息将导致所有内容被按下。这就是它的工作方式。