JSFiddle - React, Tailwind, and code Playground

HTML

<div class="divContainer">
    <div class="conteudoFixo">
        <h3>TĂ­tulo da box</h3>
    </div>
    <div class="conteudoNormal">
        <ul>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            <li>Item da lista</li>
            
        </ul>
    </div>
</div>

CSS

.divContainer {
    width:300px;
    float: left;
    border: 1px solid #CCC;
    position: relative;
    overflow:hidden;
}

.conteudoFixo {
    position: relative;
    float:left;
    background-color:#F6F6F6;
    border:1px solid #FFF;
    border-bottom:1px solid #CCC;
    width:98%;
    padding-left:2%;
}

.conteudoNormal{
    float:left;
    height: 200px;
    width:100%;
    overflow:auto;
    position:relative;
}