移动端 三段式布局 （flex方式）

标签：column   footer   rap   direction   rem   spl   foo   nbsp   容器   

分享一种平时用的三段式布局(flex)

主要思路是  上中下    header&footer 给高度  main 占其余部分

html 部分

<div class=‘wrap‘>

　　<div class=‘header‘></div>

　　<div class=‘main‘></div>

　　<div class=‘footer‘></div>

</div>

css 部分

.wrap{

　　display: flex;  //弹性盒子

}

移动端 三段式布局 （flex方式）

标签：column   footer   rap   direction   rem   spl   foo   nbsp   容器   

原文地址：https://www.cnblogs.com/jshe/p/12254002.html