今天做項(xiàng)目時(shí)遇見(jiàn)一個(gè)問(wèn)題，父元素在設(shè)置flex:1來(lái)固定寬度撐滿(mǎn)時(shí)，子元素設(shè)置width100%無(wú)效。經(jīng)過(guò)嘗試發(fā)現(xiàn)給父元素及設(shè)置flex:1的元素加上width:0可解決。即這樣寫(xiě)：

.parent{
  flex:1;
  width: 0;
  .children{
    width: 100%;
    overflow-x:scroll ;
  }
}

但同時(shí)遇到了另一個(gè)問(wèn)題，我發(fā)現(xiàn)這樣設(shè)置后，即使width超過(guò)之后，橫向滾動(dòng)條依然不出現(xiàn)，經(jīng)過(guò)嘗試加上一句代碼即可：

.parent{
  flex:1;
  width: 0;
  .children{
    width: 100%;
    overflow-x:scroll ;
    display: -webkit-box;
  }
}