左右布局 自适应滚动

在页面布局时 产生的问题是当左边需要上下滚动时 不知道如何是好

直接上代码

左右同理

html,body,#app{
    width: 100%;
    height: 100%;
    /* overflow: hidden;
}

父级容器

  {  display: flex;
    flex-flow: column;
    height: 100%;}

 父级里面有左右布局容器

{display: flex;
flex: 1;}

 左容器

{
    width: 33%;
    height: auto;
    display: flex;
    background-color: 背景色;
    flex-direction: column;
}

右容器 

{
flex: 1;
}