小div悬浮在大div右下角

话不多说，直接上代码；

html:

<div id="map_hot_rank">
    <div id="ch_map"></div>
    <div id="hot_rank">
        <div class="hot_rank_title">
            <span>热度TOP排行榜</span>
        </div>
        <ul id="J_List">
        </ul>
    </div>
</div>

css:

#ch_map {
    height: 68.4vh;
    width: 100%;
    background-color: #0e1431 !important;
    border: 1px solid rgba(0, 252, 255, 0.7);
    position: relative;
}

#hot_rank {
    width: 18%;
    background: rgb(6, 8, 12);
    color: #ffffff;
    border: 1px rgba(0, 252, 255, 0.7) solid;
    bottom: 0;
    right: 0;
    position: absolute;
}

效果展示：