今天做項(xiàng)目時(shí)遇見一個(gè)問題膘融，父元素在設(shè)置flex:1來固定寬度撐滿時(shí)闸餐，子元素設(shè)置width100%無效拟枚。經(jīng)過嘗試發(fā)現(xiàn)給父元素及設(shè)置flex:1的元素加上width:0可解決惊科。即這樣寫：
.parent{
flex:1;
width: 0;
.children{
width: 100%;
overflow-x:scroll ;
}
}
但同時(shí)遇到了另一個(gè)問題蜀撑，我發(fā)現(xiàn)這樣設(shè)置后伟众，即使width超過之后系瓢，橫向滾動(dòng)條依然不出現(xiàn)，經(jīng)過嘗試加上一句代碼即可：
.parent{
flex:1;
width: 0;
.children{
width: 100%;
overflow-x:scroll ;
display: -webkit-box;
}
}
