3.常见问题

4 解决方案

5.编码实战

骰子

固定的底栏

有时，页面内容太少，无法占满一屏的高度，底栏就会抬高到页面的中间。这时可以采用Flex布局，让底栏总是出现在页面的底部。

流式布局

每行的项目数固定，会自动分行。

                语法：
               flex: 0 0 25%;
            

6.扩展思考

flex模拟栅格系统

                语法：
               flex: 0 0 25%;
              @media only screen and (max-width: 768px) {
                 .child1{
                   flex: 0 0 50%;
                  }
                  }
               @media only screen and (max-width: 425px) {
                .child1{
                  flex: 0 0 100%;
                 }
                 }