CSS 參考手冊
讓所有彈性盒模型對象的子元素都有相同的長度，且忽略它們内部的内容：
#main div
{
flex:1;
}
表格中的數字表示支援該屬性的第一個浏覽器的版本号。
緊跟在 -webkit-, -ms- 或 -moz- 後的數字為支援該字首屬性的第一個版本。
屬性
flex
29.0
21.0 -webkit-
11.0
10.0 -ms-
28.0
18.0 -moz-
9.0
6.1 -webkit-
17.0
flex 屬性用于設定或檢索彈性盒模型對象的子元素如何配置設定空間。
flex 屬性是 flex-grow、flex-shrink 和 flex-basis 屬性的簡寫屬性。
<b>注意：</b>如果元素不是彈性盒模型對象的子元素，則 flex 屬性不起作用。
預設值：
0 1 auto
繼承：
否
可動畫化：
是，參見個别的屬性。請參閱 可動畫化（animatable）。
版本：
CSS3
JavaScript 文法：
object.style.flex="1"
嘗試一下
flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;
值
描述
flex-grow
一個數字，規定項目将相對于其他靈活的項目進行擴充的量。
flex-shrink
一個數字，規定項目将相對于其他靈活的項目進行收縮的量。
flex-basis
項目的長度。合法值："auto"、"inherit" 或一個後跟 "%"、"px"、"em" 或任何其他長度機關的數字。
auto
與 1 1 auto 相同。
none
與 0 0 auto 相同。
initial
設定該屬性為它的預設值，即為 0 1 auto。請參閱 initial。
inherit
從父元素繼承該屬性。請參閱 inherit。
CSS 參考手冊：flex-basis 屬性
CSS 參考手冊：flex-direction 屬性
CSS 參考手冊：flex-flow 屬性
CSS 參考手冊：flex-grow 屬性
CSS 參考手冊：flex-shrink 屬性
CSS 參考手冊：flex-wrap 屬性