CSS使用flex布局 滚动条失效的问题？

在使用flex布局中，父元素：

parent: {
    display: flex;
}

子元素：

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

注意：子元素默认占满父元素；

子元素内容超过后，没有出现滚动条；

所以，子元素应写为：

child: {
    flex: 1;
    overflow: auto;
    width: 0;    //若横向需要滚动条
    height: 0;    //若纵向需要滚动条
}