CSS | Bootstrap - 全高列

Question

我尝试设置全高列，但有些东西很糟糕（我需要在侧边栏上保留最大宽度）

这是我的代码：
CSS：

body,
html {
  height: 100%;
}
.Sidebar {
    background: red;
    height: 100%;
    min-height: 100%;
    max-width: 330px;
    display: block;
}

HTML：

<div class="container">
  <div class="row">
    <div class="col-lg-3 Sidebar">
      <!-- CONTENT -->
    </div>
    <div class="col-lg-8">
      <!-- CONTENT -->
    </div>
  </div>
</div>

JSFiddle

Answer 1

您需要将高度设置为100 vh 而不是％。这会将其设置为视口的100％而不是100％的内容。

.Sidebar {
    background: red;
    height: 100vh;
    max-width: 330px;
    display: block;
}

JSFiddle