Leaflet sidebar-v2 重叠问题

Question

也许有人知道问题出在哪里，为什么我的侧边栏与页眉和页脚重叠。

HTML

<div id="sidebar" class="sidebar collapsed">
  //sidebar content
</div>

<div id="map" class="sidebar-map"></div>

CSS

#map {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height:100%;
  width: 100%;
}

旧版本的侧边栏工作正常。

Answer 1

虽然在 JSfiddle 或 Plunker 上没有合适的测试用例很难说但是：在侧边栏元素 #sidebar 上设置 margin-top 和 margin-bottom 怎么样？

CSS:

#sidebar {
    margin-top: ?px;
    margin-bottom: ?px;
}

Leaflet sidebar-v2 issue with overlapping