如題，這些天在github上找了個施展專案練手，跟著些**，但是很快就出現了問題。
一、問題描述
使用flex布局，第乙個元素樣式發生錯誤，如圖：
**如下：
html：
css：
.type-bar
.type-bar div
在flex的子元素中新增
flex-grow: 1;
flex-basis: 0%;
修改後html**不變，只是在css中加入兩行**即可！
最後css**如下：
.type-bar
.type-bar div
問題解決！
flex布局應用與踩坑
一 預告 1 初學前端，對前端的傳統布局還不是很熟悉的人 2 後端人員對前端不打算深入學習的同學 二 開篇 flex布局原本是好幾個月前就一直想學習的東西，當時flex布局還算是比較新鮮的玩意，轉眼間flex布局已經不再新鮮，而且這些年，隨著瀏覽器對es6的支援情況日益增強，使得我們越來越有必要去學...
flex布局中的flex屬性詳解
一 理論 display flex 容器屬性 flex direction，flex wrap，flex flow，justify content，align items，align content 專案的屬性 order，flex grow，flex shrink，flex basis，flex，...
RN中的flex布局
是css3中的一種新的布局模式，是可以自動調整子元素的高和寬，來很好的填充任何不同螢幕大小的顯示裝置中的可用顯示空間，收縮內容防止內容溢位，確保元素擁有恰當的行為的布局方式。2 主軸 和 側軸 屬性名取值描述 flexdirection row,row reverse,column,column r...