flex:1 的含義
flex-grow : 1; // 這意味著div將以與窗口大小相同的比例增長
flex-shrink : 1; // 這意味著div將以與窗口大小相同的比例縮小
flex-basis : 0; // 這意味著div沒有這樣的起始值宪祥，并且將根據(jù)可用的屏幕大小占用屏幕。例如： - 如果包裝器中有3個div懈贺，則每個div將占用33％霜浴。
下面是詳細(xì)解釋
不加flex:1
不加的話:是沒有寬度的所有顯示不出來
加flex:1
加了就根據(jù)可用屏幕的大小去占用了.
