布局需求：中間登錄部分固定，上下盒子彈性。

放一張公司的ui設(shè)計(jì)稿(好的ui小哥哥，讓我不用看渲染效果，徒手讓我寫完布局！愛他??)

image.png

小前端眼里的布局：

image.png

上代碼

    .flex_box {
      display: flex;
      flex-flow: column;
      width: 100%;
      height: 100%;
      min-height: 520px;
      overflow: hidden;
      .flex_height_top {
        flex: 1;
        min-height: 60px;
        max-height: 140px;
      }
      .flex_height_bottom {
        flex: 1;
        min-height: 60px;
        max-height: 427px;
      }
      .login_content {
        height: 400px;
        display: flex;
        justify-content: center;
      }
}