（转载请注明来源）
学习的目的是使用，使用的前提是已记住。本文简单、凝练的总结了Flex布局的基本概念和用法，需要到实际使用中查漏补缺，笔者认为这是学习CSS知识点的一个好方法。
Flex布局的产生
传统的网页布局解决方案，是基于盒子模型，依赖position、float、margin等属性，但是有一些不可忽视的缺点，比如说：垂直方向的布局（依赖给定height、margin-top等会带来各种问题），于是2009年，W3C提出了Flex布局方案。
Flex布局的基本概念
"Flex"是Flexible Box的缩写，意为“弹性盒子”，任何一个盒子就可以使用Flex布局。
.box { display:flex }
使用了flex布局的元素被称为flex容器，它里面的所有子元素就成了容器成员，称之为“flex项目”（flex item）
axis
容器默认两根轴main-axis&cross-axis，main size,main start,main end等属性均以此两轴为依据。
Flex的基本用法
（只给属性用法，不给效果，如果自己不去试一下，永远都记不住）
容器的六个属性：
容器属性
项目的六个属性
项目属性
注意：
设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。
以上，Flex布局要点介绍完成，若要掌握并灵活运用，需多使用才能融会贯通。
