flex布局 滾動條失效

flex布局中，父元素：

parent:{
    display: flex;
}

子元素：

child:{
    flex: 1;
    overflow: auto;
}

子元素默認占滿父元素；
子元素內容超過后，沒有出現滾動條；

子元素：

child:{
    flex: 1;
    overflow: auto;
    width: 0;//橫向需要滾動條的話
    height: 0;//縱向需要滾動條的話
}