html - 如何阻止固定侧边栏位于页脚顶部？

Question

我正在尝试创建一个带有固定页眉、固定侧边栏和粘性页脚的示例页面。我希望页面也能响应。

我有一个固定的侧边栏，上面有一个右边框。我希望边框和侧边栏在页脚开始时立即停止。

我有一个可用的 fiddle :https://jsfiddle.net/DTcHh/15278/

这是我为侧边栏使用的 css

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background-color: #FFFFFF;
  margin-top: 50px;
  border-right: 1px solid red
}

Answer 1

您可以使用 z-index 让页脚位于侧边栏的顶部。

CSS

.footer {
  z-index:1000;
} 

#sidebar-wrapper {
  z-index: 10;
}

这是一个 working demo .