Question

我一直在使用此demo来创建侧边栏菜单。

我想在侧面菜单的底部添加一个按钮;但问题是，当列表展开时，按钮不会随滚动条移动。即它重叠

html部分

<div class="logout">
    <li>
        <a>
          <i class="glyphicon glyphicon-off"></i> LOGOUT
         </a>
    </li>
 </div>

css部分

.nav-side-menu .logout{
  position: absolute;
  bottom: 0;
  width: 300px;
}

Answer 1

这对我提供的链接很有帮助。只需放置最后一个UL标签的div OUTSIDE。

HTML

amount = browser.find_elements_by_xpath('.//*[@id[starts-with(.,"id")]]/div[1]/header/p/strong')
for elem in amount:
    print(elem.get_attribute('innerText'), end=""',', file=sys.stdout)

CSS

<div class="bottom-icon">
    <button style="height:30px; width:100px; background-color:#2888ff; color:#fff;">Hello World</button>
</div>

Answer 2

您只需在最后一个li标记下方添加div标记即可。它在没有重叠的情况下成功运作。

Answer 3

假设它是一个响应式菜单，你不知道用户屏幕的高度，并希望它完全填满高度，这就是我改变你的片段的方式：

https://bootsnipp.com/user/snippets/Ez3RD

SideBar菜单按钮随滚动移动，位于底部

3 个答案: