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

Question

我想用 bootstrap 创建一个固定的侧边栏和固定的菜单栏和一个内容页面，比如这个例子：

对于菜单栏，我使用以下 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
}