JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="dummy"></div>
    <div id="element">
        some text
        <div id="mess">lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
            lorem ipsum blah blah blah blah
        </div>
    </div>
</div>

CSS

#container {
    display: inline-block;
    position: relative;
    width: 50%;
}
#dummy {
    margin-top: 100%;
}
#element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: silver;
    overflow: hidden;
    overflow-x: auto;
    overflow-y: auto;
}