解决flex布局无法滚动问题

1、问题描述：使用flex布局时，子元素会出现无法滚动问题

2、解决方案：子元素设置flex: 1 1 auto;height: 0; overflow-y: auto;即可解决问题

父元素

.container {
  	height: 600px;
   	background: green;
	display: flex;
    flex-direction: column;
}

子元素

.bottom {
    flex: 1 1 auto;
    height: 0;
    overflow-y: auto;
}