设为Flex后，子元素的float ，clear，vertical-align都将失效。
有6个容器属性，6个项目属性。常用的为：justify-content：项目在主轴上的对其方向。align-items（容器属性）：交叉轴上如何对齐。 align-serf（项目属性）：与其他项目不同的对齐方式。先选好主轴对齐方式，后交叉轴对齐方式，最后考虑单个项目。注意的就是，要对齐的各元素是项目，而容器属性应是对它们的父元素的设置。
参考：阮一峰老师的Flex布局教程和布局实例通俗易懂。
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html