Css 边栏全高

如何在不使用position:fixed的情况下使边栏达到屏幕的最大高度？我试过使用这个代码，但感觉不对。有什么建议吗

JSFindle：

---

如果希望div具有屏幕的全高：

#min-height {
    height: 100vh;
}

---

您可以模拟一个表：

---

它不工作，因为当你滚动div结束时。

#min-height {
    height: 100vh;
}

html {
  display: table;
  width: 100%;
  min-height: 100%;
}

body {
  display: table-row;
}

.sidebar {
  width: 250px;
  display: table-cell;
  vertical-align: top;
  min-height: 100%;
}

.sidebar + .content {
  display: table-cell;
  vertical-align: top;
  min-height: 100%;
}

html, .sidebar, .sidebar + .content {
  border: 1px solid #f00;
}