簡體   English   中英

CSS | Bootstrap-全高列

[英]CSS|Bootstrap - Full-height column

我試圖設置全高列,但是有些不好(我需要在側邊欄上保持最大寬度)

這是我的代碼:
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

您需要將高度設置為100 vh而不是 這會將其設置為視口的100%,而不是內容的100%。

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

的jsfiddle

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM