适用范围
任何一个容器都可以指定为Flex布局
.box{display:flex;}
行内元素也可以使用Flex布局
.box{display:inline-flex;}
Webkit内核的浏览器，必须加上-webkit前缀
.box{dispaly:-webkit-flex;display:flex} ;/* Safari*/
容器和项目
什么叫容器--采用flex布局的元素被称作容器。
什么叫项目--在flex布局中的子元素被称作项目。
即父级元素采用flex布局，则父级元素为容器，全部子元素自动成为项目
