固定侧栏中的底部(Fixed bottom in sidebar)

固定侧栏中的底部(Fixed bottom in sidebar)

我现在在自定义管理模板上工作，我在这里有一个问题。 我在左侧边栏的底部有两个名为.logout列表点。 问题是，如果我放大它，它们将向上移动并覆盖其他菜单点，但我在它的底部打了它们

.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我会再次遇到同样的问题

演示

im working right now on a custom admin template and i have a lil problem here. i have the two list points called .logout at the bottom of the left sidebar. the problem is that if i zoom into it they will move up and lays over the other menu points but i whant them at the bottom of it

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

thats the css that the sidebar footer has.

.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; }

and thats the style of the offcanva sidebar if i gave the footer a position relative it will dock under the calender post and not at the bottom anymore. by position:absolute i will have the same problems again

demo

最满意答案

尝试这个：

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

Try this:

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