CSS盒模型 flex

用于网页布局，PC的话，兼容性不够，慎用，手机端的话，神器

整理部分通用的，可以直接复制的，省得下次再写一遍

注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。

  .box{
    display: box;
    display: -webkit-box;
    display: -moz-box;

    // 水平
    &.row{
      flex-direction: row;
    }

    // 垂直
    &.column{
      flex-direction: column;
    }

    // 水平垂直都居中
    &.centre{
      justify-content: center;
    }

　　// 1份
    .flex1{
      flex: 1;
    }
  }

　　这个IE兼容，稍后再补