1.父元素display:flex之后成為伸縮容器，子元素（除了position:absolute或fixed）無論是display:block或者display:inline，都成為了伸縮項目。
2.可以固定一個伸縮項目的寬度，另一個伸縮項目自適應。
3.伸縮項目之間的空白自適應。
4.可以很方便進行水平和垂直方向的，居左，居中，居右，兩邊對齊等效果。
5.android瀏覽器4.4之前對於flex布局支持不好。
6.伸縮項目之間，沒有inline-block元素之間的空隙。
7.伸縮項目自動box-sizing:border-box。
參考鏈接：
http://www.w3.org/html/ig/zh/css-flex-1/
http://www.w3cplus.com/blog/666.html
http://qianduanblog.com/post/css-learning-16-css3-flex-responsive-design.html