flex:1 的含義

flex-grow : 1; // 這意味著div將以與窗口大小相同的比例增長

flex-shrink : 1; // 這意味著div將以與窗口大小相同的比例縮小

flex-basis : 0; // 這意味著div沒有這樣的起始值，并且將根據(jù)可用的屏幕大小占用屏幕。例如： - 如果包裝器中有3個div，則每個div將占用33％。

下面是詳細(xì)解釋

flex:1是什么意思 - Evo1uti0n - 博客園

不加flex:1

不加的話:是沒有寬度的所有顯示不出來

加flex:1

加了就根據(jù)可用屏幕的大小去占用了.