CSS3 flex伸缩布局

存在的意义：

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