使用css / html和“浏览器选择的宽度/高度”创建固定的侧边栏和固定的菜单栏

Question

我想创建一个固定的侧边栏和固定的菜单栏，以及带有此示例的带有引导程序的内容页面：

对于菜单栏，我使用以下css（有效）

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
}

但是边栏应使用什么CSS？因为我不知道菜单栏的高度（并且我不想明确设置它，而是让浏览器选择）。如何将侧边栏附加到菜单栏的底部？

.fixed-left {
  position: fixed;
  left: 0;
  z-index: 0;
  .... (how to set it fixed to the bottom of the menubar?)
}

谢谢！

Answer 1

修改.fixed-left中的某些CSS

.fixed-left {
  position: fixed;
  top: 0; // set it equal as the height of fixed-top 
  bottom: 0; // so that it will stick to bottom
  left: 0;
  z-index: 0;
  overflow-y: auto; // it will have the scroll if it has more content
  width: 250px; // set as per your requirement
}