flex布局 滚动条失效

flex布局中，父元素：

parent:{
    display: flex;
}

子元素：

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

子元素默认占满父元素；
子元素内容超过后，没有出现滚动条；

子元素：

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

 

转载于:https://www.cnblogs.com/websjs/p/10329965.html