SOURCE

<div class="container">
    <div class="top"></div>
    <div class="main">
        <div class="left"></div>
        <div class="right">
            <div class="tool"></div>
            <div class="content">
                <div class="table">
                    <p>1222</p>
                    <p>1222</p>
                    <p>1222</p>
                    <p>1222</p>
                </div>
            </div>
        </div>
    </div>
</div>

.container{
    display: flex;
    flex-direction: column;
    height: 470px;
    overflow: hidden;
}
.top{
    height: 70px;
    background: #ccc;
}
.main{
    display: flex;
    flex: 1;
}
.left{
    width: 20px;
    background: rebeccapurple;
    height: 100%;
}
.right{
    flex: 1;
    height: 100%;
    background: greenyellow;
    display: flex;
    flex-direction: column;
}
.tool{
    height: 100px;
    background: pink;
}
.content{
    flex: 1;
    background: yellow;
    overflow: auto;
    
}
.table{
    overflow: auto;
    height: 100%;
}
.table p{
    height: 150px;
}