css3--display:flex;

1、弹性方向：

      flex-direction(主轴方向)

     flex-wrap:把子元素包装到一行一列，还是多行多列

2、flex-flow{主轴、？)

3、order（弹性项目顺序）

.container{display:flex;flex-flow:row}

.main{width:60%;}

.left{flex:1;}.right{flex:2;} 总共40%，分成3份

.container{display:flex;flex-flow:row  wrap}  wrap(多行多列)

总高度值确定：

.container{display:flex;flex-flow:column;height:600px;}

.main{flex:1;order:3;}

.top{height:200px; order:2;}.bottom{height:200px; order:1;}