话不多说,直接上代码;
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;
}
效果展示: