Flex布局的坑之一：Webkit 内核的浏览器，必须加上-webkit前缀。

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

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

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

八大webkit浏览器

1.Google Chrome 谷歌浏览器
2.Safari浏览器
3.搜狗高速浏览器
4.傲游浏览器3
5.QQ浏览器
6.360极速浏览器
7.世界之窗浏览器(极速版)
8.阿里云浏览器