navbar-collapse 与位置元素冲突

Question

我的网站有问题，这是一个商店定位器页面。但是当你调整 window 的大小时，如果你在 PC 上就像在移动分辨率下一样，当你切换导航栏折叠时，导航栏将位于边栏下方，这看起来非常难看。我的 CSS 有问题吗？

Screenshot

body {
      color:#404040;
      font:400 15px/22px 'Source Sans Pro', 'Helvetica Neue', Sans-serif;
      margin:0;
      padding:0;
      -webkit-font-smoothing:antialiased;
    }

    * {
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
      box-sizing:border-box;
    }
    .sidebar {
      position:absolute;
      width:33.3333%;
      height:100%;
      top:90px;left:0;
      overflow:hidden;
      border-right:1px solid rgba(0,0,0,0.25);
    }

    .map {
      position:absolute;
      left:33.3333%;
      width:66.6666%;
      top:90px;bottom:0;
    }

更新 (08/10/2017): 问题已由 ff 解决:

Okay, wrap the sidebar and map in a new div with position:relative and height:100vh; – thehuijb

Answer 1

添加

.dark-header .menu-header, .header-dark .menu-header {
    position:relative;
}

navbar-collapse 与位置元素冲突

navbar-collapse conflict with position elements

mobile

jquery

toggle

collapse

navbar