1. 前言
(1) Flex的兼容性
作爲一個經歷過需要兼容IE6時代的前端，不需要用float後，使用position(absolute)和display(inline-block)已經很爽了。Flex其實已經出現很久了，但是原來因爲瀏覽器的兼容問題，很多實際項目並不能使用。
現在它兼容性已經能在項目中被接受了，如下：
(2) 爲什麼要使用Flex?
對於我真正希望把Flex的用法整理起來，是因爲如下兩個場景：
-
list 如果只有1個item，顯示100%；2個item，顯示50%；3個item，顯示33.3333%；4個item，顯示25%，以此類推。
-
兩個並列的容器，不管其內容的高度是多少，始終等高。
傳統的方式很難僅僅依靠CSS解決，純樣式的問題交給js也不合理。
使用Flex的解決方案：僅僅需要設置父元素 display: flex，子元素 flex: 1。
2. 什麼是Flex？
參考文章：
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
https://zhuanlan.zhihu.com/p/25303493
————————未完待續————————