flex 上中下适应布局

Posted 人在征途1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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; 
    }

 

以上是关于flex 上中下适应布局的主要内容,如果未能解决你的问题,请参考以下文章

网页上中下三分布局,上下固定,中间自适应

flex布局——常用的几种布局

三栏布局-------上下宽高固定,中间自适应

移动端 三段式布局 (flex方式)

flex布局 一侧固定宽度 一侧自适应

flex左侧固定宽度,右侧自适应布局