css - 无序列表CSS定位

我的标记中有两个元素，一个地图和一个无序列表：

<div id="map-se">

<ul class="sverige">
<li class="se1"><a href="#blekinge">Blekinge län</a></li>
<li class="se2"><a href="#dalarnas">Dalarnas län</a></li>
<li class="se3"><a href="#gavleborgs">Gävleborgs län</a></li>


 </ul>
 </div>

HERE是链接，我要做的是在它们之间切换位置，我的意思是右边的地图和左边的无序列表。
无论我做什么，地图都会被破坏。
有什么建议吗？

最佳答案

您可以通过列表上的简单绝对定位轻松解决定位问题。只需使用：

.map-visible-list {
   bottom: 0;
   position: absolute;
   right: 0;
}

您可以将列表放置在任何位置。地图容器已经完全定位，因此您可以将整个容器移动到需要移动地图的任何位置，然后根据需要重新放置可见列表。请记住，您可以使用上，下，右或左。此外，如果需要，还可以在位置上设置负值，以将列表移出地图容器边界框。

没什么花哨的，但是可以预测，可靠，省时，并且可以正常工作！