我的网站有问题，它是一个商店定位器页面。但是当你调整你的窗口大小，如果你在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;
    }

**更新（2017年8月10日）：**问题已由ff解决：

好的，把侧边栏和Map Package 在一个新的div中，位置：相对，高度：100 vh;- -胡伊杰布