記錄自己遇到的坑
項目： 指 flex 布局的子元素
當在flex布局情況下，當內容超過項目大小時， 項目會被內容撐開，這種情況下，容易導致頁面布局錯亂。
解決辦法： 給項目設定一個固定1個像素大小的寬帶或者高度（取決與flex-direction的方向，橫軸設定width，縱軸設定height），並且設定 項目 flex:1
這樣盒子就不會被撐開，但是內容會溢出，如果想忽略掉溢出內容，則給 項目 盒子再添加一個屬性： overflow: hidden;
還有一點，上層的每一個盒子都需要有高度，不然還是會被撐開
后記
先記錄一下， 有時間再整理出教程