Question

我的网站出现问题，它是商店定位页面。但是，如果您在PC中调整窗口大小，就好像您处于移动分辨率一样，当您切换导航栏崩溃时，导航栏将位于侧边栏下方，看起来非常难看。我的CSS有问题吗？

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解决：

好的，将侧边栏包起来并映射到一个新的div中，其位置为：relative和高度：100vh; - thehuijb

Answer 1

添加

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

navbar-collapse与位置元素的冲突

1 个答案: