传单侧栏-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上没有合适的测试用例很难说但是：如何在margin-top上设置margin-bottom和#sidebar侧边栏元素？

CSS：

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