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與位置元素的衝突

回答

相關問題