布局需求：中間登錄部分固定，上下盒子彈性。
放一張公司的ui設計稿(好的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;
}
}
