Question

我现在正在使用自定义管理模板，我在这里遇到了一些问题。我在左侧边栏的底部有两个名为.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我将再次遇到同样的问题

demo

Answer 1

在代码中尝试以下css

#menu{
overflow:auto;
}

不需要低于css

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

Answer 2

试试这个：

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

固定侧栏中的底部

2 个答案: