flex可以參考阮一峰老師的flex布局教程，很詳細看完啥都懂了
當我看完阮老師的flex教程還是對flex：1或者flex：0%等存在疑惑，然後又看到一篇部落格，是對flex的乙個補充吧
首先明確一點是，flex是flex-grow、flex-shrink、flex-basis的縮寫。故其取值可以考慮以下情況：
flex的預設值是以上三個屬性值的組合。假設以上三個屬性同樣取預設值，則flex的預設值是 0 1 auto。同理，如下是等同的：
.item
.item
flex取值為none，則計算值為 0 0 auto，如下是等同的：
.item
.item
flex取值為auto，則計算值為 1 1 auto，如下是等同的：
.item
.item
flex取值為乙個非負數字，則該數字為flex-grow值，flex-shrink取 1，flex-basis取 0%，如下是等同的：
.item
.item
flex取值為乙個長度或百分比，則視為flex-basis值，flex-grow取 1，flex-shrink取 1，有如下等同情況（注意 0% 是乙個百分比而不是乙個非負數字）：
.item-1
.item-1
.item-2
.item-1
flex取值為兩個非負數字，則分別視為flex-grow和flex-shrink的值，flex-basis取 0%，如下是等同的：
.item
.item
flex取值為乙個非負數字和乙個長度或百分比，則分別視為flex-grow和flex-basis的值，flex-shrink取 1，如下是等同的：
.item
.item
flex-basis規定的是子元素的基準值。所以是否溢位的計算與此屬性息息相關。flex-basis規定的範圍取決於box-sizing。這裡主要討論以下flex-basis的取值情況：
舉乙個不同的值之間的區別：
div>
div>
div>
div>
.parent
.parent > div
.item-1
.item-2
.item-3
style>
flex的常見知識點 flex 1
首先明確一點是，flex 是 flex grow flex shrink flex basis的縮寫。故其取值可以考慮以下情況 flex 的預設值是以上三個屬性值的組合。假設以上三個屬性同樣取預設值，則 flex 的預設值是 0 1 auto。同理，如下是等同的 item item 當 flex 取...
flex布局布局之flex 1屬性詳解
採用flex布局的元素，稱為flex容器 flex container 簡稱 容器 它的所有子元素自動成為容器成員，稱為flex專案 flex item 簡稱 專案 容器預設存在兩根軸 水平的主軸 main axis 和垂直的交叉軸 cross axis 主軸的開始位置 與邊框的交叉點 叫做main...
關於對 flex 1 的詳解
首先明確一點是，flex 是 flex grow flex shrink flex basis的縮寫。故其取值可以考慮以下情況 flex 的預設值是以上三個屬性值的組合。假設以上三個屬性同樣取預設值，則 flex 的預設值是 0 1 auto。同理，如下是等同的 item item 當 flex 取...