flex-grow:1 且高度超出是, 显示滚动条

CSS使用flex布局 滚动条就失效了?

.parent{
    display:flex;
}
.child{
    flex-grow:1;
    overflow: auto;
}

上面这段代码, 当child的内容超出时,是不会出现滚动条的

解决方案

在flex-grow:1这个元素上, 根据实际情况设置高度或宽度为0即可