Фиксированное дно в боковой панели

Question

im работает прямо сейчас на пользовательском шаблоне администратора, и у меня есть проблема с лиллом. У меня есть две точки списка, называемые .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

Answer 1

Попробуйте это:

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

Answer 2

Try ниже CSS в вашем коде

#menu{ 
overflow:auto; 
} 

нет необходимости ниже CSS

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