navbar-collapse与位置元素的冲突

我的网站有问题，它是商店定位器页面。但是，如果您在PC中调整窗口大小，就像移动解决方案一样，那么当您切换导航栏折叠时，导航栏将位于侧栏下方，该侧栏看起来非常难看。我的CSS有什么问题吗？navbar-collapse与位置元素的冲突

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

好，敷侧栏和地图在一个新的股利与位置：相对和身高：100vh; - thehuijb

来源

2017-08-09 Veno Hyde

添加

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

来源

2017-08-09 09:59:02 thehuijb

谢谢主席先生！你是一个拯救生命的人！但是，它与屏幕重叠，这根本不算糟糕。但是如果崩溃不会与屏幕重叠，它会向下推侧栏和地图。 –

好吧，用一个新的div来包围siebar和地图：relative和height：100vh; – thehuijb

和机顶：0;在侧边栏和地图 – thehuijb

navbar-collapse与位置元素的冲突

回答

相关问题