存在的意义：
Css2三个div平均分配宽度自由伸缩使用float:left;with:33.33%;这种方式有时浮动会影响布局
Flex可去除使用float，且同时使用margin也会自动计算(去除margin值后平均分配)。
flex分横向和纵向分。
水平伸缩布局
使用方法：1、父元素使用display：flex; 2、子元素指定份数 flex:1或flex:2;
伸缩布局固定宽度
使用场景：有一个子元素是固定宽度，其他元素平均分配
父元素宽度减去固定元素宽度后其他元素平均分配。
Min-width父元素的最小宽度
到最小宽度后不会再缩小
Flex-direction:column 垂直伸缩
携程案例：http://m.ctrip.com/html5