Untitled

<html>


<div class="row">
    <div class="ss">

        <div class="sep sep1">

            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>
            <li>ciao mondo</li>


        </div>
    </div>

    <div class="sep sep2">

        ciao mondo
        come stai
        <br />
        <br />
    </div>
</div>

<style>
    .ss {
        position: relative;
        height: 100%;
    }

    .sep1 {
        overflow: scroll;
        background-color: #0f0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

    .sep2 {
        position: relative;
        background-color: #f00;
    }

    .row {
        position: relative;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto auto;
        flex-direction: row;
    }
</style>

</html>