我现在在自定义管理模板上工作,我在这里有一个问题。 我在左侧边栏的底部有两个名为.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; }更多推荐
发布评论