SOURCE

<div class="container">
    <div class="header">header</div>
    <div class="body">
        <div class="content">
            <div>item</div>
            <div>item</div>
            <div>item</div>
            <div>item</div>
            <div>item</div>
            <div>item</div>
            <div>item</div>
            <div>item</div>
        </div>
    </div>
    <div class="footer">footer</div>
</div>

.container {
    height:100px;
    background-color: orange;
    display: flex;
    flex-direction: column;
}
.header {
    background-color: skyblue
}
.body {
    /* width: 100%; */
    /* height: 500px; */
    background-color: pink;
    position: relative;
    display: flex;
    flex:1;
}
.footer {
    background-color: orchid
}
.content {
    position: absolute;
    background-color: darkgray;
    height:100%;
    overflow: scroll
}