固定底部側邊欄

即時工作現在在一個自定義管理模板，我有一個律問題在這裏。我在左側邊欄的底部有兩個列表點.logout。問題是，如果我放大到它，他們將向上移動，並奠定在其他菜單點，但我whant他們在它的底部固定底部側邊欄

.footer { 
    bottom: 0px; 
    clear: both; 
    display: block; 
    left: 0; 
    padding: 0; 
    position: fixed; 
}

多數民衆贊成在CSS的側邊欄頁腳中。

.offcanvas-menu { 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 9999; 
    visibility: hidden; 
    background: #fff; 
    padding: 10px 0px; 
    border-right: 1px solid #CCC; 
    width: 300px; 
    height: 100%; 
    -webkit-transition: all 0.5s; 
    transition: all 0.5s; 
}

和多數民衆贊成在offcanva欄的風格，如果我給了頁腳position relative將在壓延後停靠，而不是在底部了。通過position:absolute我也會有同樣的問題再次

demo

來源

2016-04-12 p_e_88

請不要鏈接到代碼處於積極開發狀態的外部站點......我只是試圖調試您的問題，並親眼目睹了您的代碼正在改變。使用Stack Overflow或JSFiddle將您的問題降至最小，可行，可重現的示例。 –

對不起，我把它改回原來的。我的錯 –

試試這個：

.sidebar-menu.footer { 
    bottom: 0; 
    width: 100%; 
    position: absolute; 
}

來源

2016-04-12 12:54:38

這一點的底部。但如果我放大該網站，兩個底部圖標將向上移動並放置在另一個上面。 –

然後，您需要爲該分辨率設置媒體查詢，當屏幕到達該分辨率時應用相對於該div的位置。 –

試試下面的CSS代碼中的

#menu{ 
overflow:auto; 
}

無需以下CSS

.footer { 
    bottom: 0px; 
    clear: both; 
    display: block; 
    left: 0; 
    padding: 0; 
}

來源

2016-04-12 12:33:18

請解釋如何解決這個問題。 –

問題是最後兩個列表點不在底部。我想讓他們在側邊欄的最後。我更新了文件，正如你所看到的，它仍然處於「Kalender」 –

固定底部側邊欄

回答

相關問題