Organic Goji Berries

body { width: 100%; height: 100%; font-size: 16px; } .main_03 { min-height: 500px; display: flex;/*设置该div为一个弹性盒容器*/ flex-flow:column;/*子元素按横轴方向顺序排列*/ margin-bottom: 50px; } .main_03 > .article { flex:1;/*用数字也可以达到分配宽度的效果，将容器分为5份，占3份*/ order: 1;/*排序为第2个子元素*/ } .main_03 > nav { flex: 1 ;/*将容器分为5份，占1份*/ order: 2;/*排序为第1个子元素*/ } .main { min-height: 500px; display: flex;/*设置该div为一个弹性盒容器*/ flex-flow: row;/*子元素按横轴方向顺序排列*/ margin-bottom: 50px; } .main > .article { flex:1;/*用数字也可以达到分配宽度的效果，将容器分为5份，占3份*/ order: 2;/*排序为第2个子元素*/ } .main > nav { flex: 1 ;/*将容器分为5份，占1份*/ order: 1;/*排序为第1个子元素*/ } @media all and (max-width: 960px) {/*当屏幕宽度小于960