flex 上中下适应布局

body{
    display:flex; display:-webkit-flex;display:-webkit-box;   
    -webkit-box-orient:vertical;
    -webkit-flex-flow:column; flex-flow:column; 
    }
section{
        -webkit-box-flex:1;
        -webkit-flex:1; flex:1; 
    }