小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;
}

效果展示：