Flex布局知识要点

1、Webkit内核的浏览器，必须加上-webkit前缀。

.box{
  display: -webkit-flex; /* Safari */
  display: flex;
}

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